JavaScript/jQuery LoadPanel - Customize the Loading Indicator
If you need to use a 3rd-party loading indicator inside the LoadPanel, assign its URL to the indicatorSrc property.
JavaScript
- $(function() {
- $("#loadPanelContainer").dxLoadPanel({
- hideOnOutsideClick: true,
- indicatorSrc: "https://js.devexpress.com/Content/data/loadingIcons/rolling.svg"
- });
- $("#buttonContainer").dxButton({
- text: "Show the Load Panel",
- onClick: function () {
- $("#loadPanelContainer").dxLoadPanel("show");
- }
- });
- });
In case you do not need any loading indicator to be shown at all, assign false to the showIndicator property.
JavaScript
- $(function() {
- $("#loadPanelContainer").dxLoadPanel({
- hideOnOutsideClick: true,
- showIndicator: false
- });
- $("#buttonContainer").dxButton({
- text: "Show the Load Panel",
- onClick: function () {
- $("#loadPanelContainer").dxLoadPanel("show");
- }
- });
- });
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.