Example. Simple Text Modal
Launch a modal with a text body.
BSDialog5.Show({ ID: "modalL1", Title: "Modal Title", Message: "Hello Momo!", URL: null, Size: "md", Colour: "secondary" });
Example. Update Modal
Make changes (title, body, size or footer) to a modal.
BSDialog5.Update({ ID: "modalL1", Title: "Modal Changed Title", Body: "Hello momo again!", URL: null, Size: "lg", Footer: null });
Example. Multiple Modals (Stack)
Launch multiple modals, stacked on top of each other.
BSDialog5.Show({ ID: "modalL3a", Title: "Modal A Title", Message: "First!", URL: null, Size: "md", Colour: "secondary" }); BSDialog5.Show({ ID: "modalL3b", Title: "Modal B Title", Message: "Second!", URL: null, Size: "md", Colour: "secondary" });
Example. Button Prompt (Modal)
Launch a modal with a prompt of several buttons. Modal waits for a response from one of the buttons.
let response = await BSDialog5.Prompt({ Title: "Modal Title", Message: "Are you sure want to wait for a response?", Size: "md", Buttons: [ { Label: "Yes", Value: "Yes", Colour: "primary" }, { Label: "No", Value: "No", Colour: "secondary" }, { Label: "Cancel", Value: "Cancel", Colour: "secondary" } ] }); alert(response);
Example. Text Prompt (Modal)
Launch a modal with a text prompt. Modal waits for a response from the textbox.
let response = await BSDialog5.Prompt({ Type: "textbox", Title: "Modal Title", Message: "Are you sure want to wait for a response?", Size: "md", Label: "", Placeholder: "" }); alert(response);
Example. Close Modal
Close a modal using its identifier
BSDialog5.Close("modalR1");
Example. Clear Modal
Close all modals
BSDialog5.Clear();