Example. Simple Text Modal
Launch an empty modal
BSDialog.Show({ ID: "modalL1", Title: "Modal Title", Message: "Hello Momo!", URL: null, Size: "md", Colour: "secondary" });
Example. Prompt Modal (Buttons)
Launch a prompt modal and wait for a button response
let response = await BSDialog.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. Multiple Modals
Launch multiple modals
BSDialog.Show({ ID: "modalL3a", Title: "Modal A Title", Message: "First!", URL: null, Size: "md", Colour: "secondary" }); BSDialog.Show({ ID: "modalL3b", Title: "Modal B Title", Message: "Second!", URL: null, Size: "md", Colour: "secondary" });
Example. Prompt Modal (Textbox)
Launch a prompt modal and wait for a textbox response
let response = await BSDialog.Prompt({ Type: "textbox", Title: "Modal Title", Message: "Are you sure want to wait for a response?", Size: "md", Label: "", Placeholder: "" }); alert(response);
Example. Prompt Modal (Textbox)
Launch a prompt modal and wait for a textbox response
let response = await BSDialog.Prompt({ Type: "textbox", Title: "Modal Title", Message: "Are you sure want to wait for a response?", Size: "md", Label: "Response Text", Placeholder: "Response Text" }); alert(response);
Example. Simple Text Modal Deprecated
Launch an empty modal
BSDialog.Create('abc123', 'My Modal Box 123', 'Hello momo!', 'xl');
Example. Empty Modal and Updates. Deprecated
Launch an empty modal then update its title, body, footer and size.
BSDialog.Create('abc123', 'My Modal Box 123', null, 'sm'); BSDialog.UpdateTitle('abc123', 'My Modal Box 567'); BSDialog.UpdateBody('abc123', 'Help, I\'m toast!'); BSDialog.UpdateFooter('abc123', ''); BSDialog.UpdateSize('abc123', 'lg');
Example. Toast Modal. Deprecated
Show a toast-style modal
BSDialog.ShowToast('abc123', 'My Modal Box 123', 'Help! I\'m toast.', 'sm');