Example. Simple Text Modal

Launch an empty modal

BSDialog5.Show({
  ID: "modalL1",
  Title: "Modal Title",
  Message: "Hello Momo!",
  URL: null,
  Size: "md",
  Colour: "secondary"
});
            

Example. Prompt Modal

Launch a prompt modal and wait for a response

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. Multiple Modals

Launch multiple modals

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. Text Modal with Updates

Launch a basic modal, make updates to the title, body, size and footer.

BSDialog5.Show({
  ID: "modalR1",
  Title: "Modal Title",
  Message: "Hello Momo!",
  URL: null,
  Size: "md",
  Colour: "secondary"
});

BSDialog5.Update({
  ID: "modalR1",
  Title: "Modal Changed Title",
  Body: "Hello momo again!",
  BodyURL: null,
  Size: "lg",
  Footer: null
});
            

Example. Close Modal

Close a modal using its identifier

BSDialog5.Close("modalR1");
            

Example. Clear Modal

Close all modals

BSDialog5.Clear();