This topic contains 10 replies, has 3 voices, and was last updated by Jai Jai 3 months ago.

Want to Remove loader from UIBlock

  • samirkamble
    samirkamble
    Participant

    Posts: 16
    Member Reply #17329

    Hi,

    I want to remove loader / change loader from UIBlock component. Can you please help me with how to achieve the same.

    Regards,

    Sam

    Jai
    Jai
    Keymaster

    Posts: 2627
    Support Staff Reply #17371

    Hi 🙂

    Which package are you working on? Is it default HTML or Angular?

    Thanks

    samirkamble
    samirkamble
    Participant

    Posts: 16
    Member Reply #17373

    I am working on Angular setup

    Jai
    Jai
    Keymaster

    Posts: 2627
    Support Staff Reply #17398

    Hi 🙂

    You can change the loader using layout builder (Page > Page Loader).

    https://keenthemes.com/metronic/preview/?page=builder&demo=default

    But it’s for project starter.  You can check at the index.html to change it manually.

    Thanks

    samirkamble
    samirkamble
    Participant

    Posts: 16
    Member Reply #17415

    Well, I have element blocked with UIBlock, with following command,

     mApp.block(‘#result’, {
    overlayColor: ‘#000000’,
    opacity: ‘0.5’,
    size: ‘md’,
    type: ‘loader’,
    state: ‘brand’,
    message: ‘Contacting Server’
    });

    It is showing loader spinner and text by default here. I do not want spinner image here. I will put the same via Message option.

    Can you please guide.

    Regards,

    Sam

    samirkamble
    samirkamble
    Participant

    Posts: 16
    Member Reply #17433

    Guys,

    It is really tough to be waiting for such a small thing for more than 48 hours.

    Documentation is not upto the mark to get the clear picture against setting up small things.

    Please reply soon.

    Regards,

    Sam.

    Jai
    Jai
    Keymaster

    Posts: 2627
    Support Staff Reply #17448

    Hi 🙂

    Sorry for the late response. We do not understand the question here;

    It is showing loader spinner and text by default here. I do not want spinner image here. I will put the same via Message option.

    Can you elaborate more on this?

    Do you not want the spinner? What about the “Message option”?

    Thanks

    • This reply was modified 3 months, 1 week ago by Jai Jai.
    samirkamble
    samirkamble
    Participant

    Posts: 16
    Member Reply #17472

    Ok, I have put a block on an element with above mentioned code. It is getting rendered as shown in image.

    Now, I want to replace loader image beside text with a gif image of my choice.

    Hope, got the question now :)..

    I have no idea where the code is present when I put a loader on an element via Javascript.

    Regards,

    Sam.

    Sean
    Sean
    Keymaster

    Posts: 4522
    Support Staff Reply #17603

    Hi

    At the moment image spinning bar option is not supported by Metronoc. The loading thing is not an image, its a CSS3 code.  Replacing it with a custom image will require some customization. You may take a look the source code of the Metronic’s block UI function: “theme\src\js\framework\base\app.js” under “block” function.

    Also you can consider using original blockUI plugin with your own preferences:
    http://malsup.com/jquery/block/

    Thanks.

    samirkamble
    samirkamble
    Participant

    Posts: 16
    Member Reply #17610

    Thanks, Found it. Molded it the way I want.

    Regards,

    Sam

    Jai
    Jai
    Keymaster

    Posts: 2627
    Support Staff Reply #17624

    All the best, Thanks 🙂

You must be logged in to reply to this topic.