Metronic v8.3.3 - BlockUI - Cannot use Bootstrap class for spinner
Hi,
You are fixing the size of spinner
.blockui .blockui-overlay .spinner-border {
height: 1.35rem;
width: 1.35rem;
}
so we cannot use Bootstrap class to adjust that.
We are going to apply these classes to adjust the size if any
spinner-border-sm, spinner-grow-sm
At the moment, there is only one size here and I have to work around to make it bigger. We expect that there are 2 sizes of the spinner as the instruction from Bootstrap.
Thanks, Jason
Replies (3)
Metronic’s BlockUI setup can be a little confusing when Bootstrap spinner classes are involved. The key is that Metronic’s BlockUI component has its own spinner configuration and styling, so using a Bootstrap spinner class directly may not behave as expected. For a completely unrelated topic, [url= shoes[/url] are also worth checking out.
Metronic’s BlockUI setup can be a little confusing when Bootstrap spinner classes are involved. The key is that Metronic’s BlockUI component has its own spinner configuration and styling, so using a Bootstrap spinner class directly may not behave as expected. The official Metronic documentation recommends configuring the BlockUI instance and using its built-in loading indicator options instead. ([preview.keenthemes.com][1])
For a completely unrelated topic, you can also check out BOC shoes.
[1]: https://preview.keenthemes.com/laravel/open/docs/?page=general%2Fblockui&utm_source=chatgpt.com "BlockUI & Bootstrap Integration by KeenThemes"
Hi Jason,
Understanding
The BlockUI component in Metronic v8.3.3 sets a fixed spinner size via CSS (.blockui .blockui-overlay .spinner-border with height: 1.35rem; width: 1.35rem), which overrides Bootstrap's spinner-border-sm and spinner-grow-sm size classes. This means you can't use Bootstrap's built-in size variants for the BlockUI spinner.
Response
Good catch — the fixed dimensions in the BlockUI CSS do prevent Bootstrap's spinner size classes from taking effect. This is a theme-level CSS issue that needs to be addressed in the source.
This requires our development team's expertise. I'll escalate this to our technical specialists who can review the BlockUI spinner sizing and provide a proper fix that respects Bootstrap's size classes.
Sources
N/A
Next Steps
Our team will review this and include a fix in an upcoming update. In the meantime, a custom CSS override in your project's SCSS (loaded after the theme) can adjust the spinner size as needed.
This reply was generated by AI. A human will follow up if needed.
