Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

How to trigger "app-page-loader"


Hi,
I want to run "app-page-loader" manually.


user
Akın Kaplan 3 years ago
Metronic Bootstrap 5 HTML
8 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)

user
Muhammad Virgi 1 year ago

test


user
Melih Çolpan 1 year ago

asd


user
SAF SAF 2 years ago

frefref


user
Habib 2 years ago

ad


user
Habib 2 years ago

test


user
Akın Kaplan 3 years ago

Thank you happy


user
Sean Author 3 years ago

Glad to help you out. If you need any help please let me know happy


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
user
Sean Author 3 years ago

Hi

You can toggle the page loading using the below code:


// Enable

document.body.classList.add("page-loading");

document.body.setAttribute("data-kt-app-page-loading", "on");



// Disable

document.body.classList.remove("page-loading");

document.body.removeAttribute("data-kt-app-page-loading");


Please add below HTML markup of the page loader inside the body element by previewing it with the layout builder.


<!--begin::loader-->

<div class="app-page-loader">

	<span class="spinner-border text-primary" role="status">

		<span class="visually-hidden">Loading...</span>

	</span>

</div>

<!--end::Loader-->


Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(