Custom NSB.Msgbox CSS styles

Is it possible to apply my own css to the NSB.Msgbox ?

i.e.
if ios then NSB.Msgbox CSS = { }
if Andriod then NSB.Msgbox CSS = { }

So I can style the msgbox to look like a native message box.

Yes, it is possible. Display a message box in your app, then look at the Elements tab in the Chrome Debugger. You’ll see that the appearance is set by several classes, including dialog-header, dialog-content and dialog-text. If you override those classes in your code, they will change.

Share your story with the AppStudio Community! Quarantine Stories

Perfect, thank you worked a treat.

For anyone looking for a iOS style msgbox:

  .dialog-buttonbar {
 border-bottom-right-radius: 15px;
 border-bottom-left-radius: 15px;
 }
 
  .dialog-buttonNoBorder:first-child {
 border-bottom-left-radius: 15px;
 }
 
  .dialog-buttonNoBorder:last-child {
 border-bottom-right-radius: 15px;
 }
 
 .dialog-header {
 border-top-right-radius: 15px;
 border-top-left-radius: 15px;
 border-bottom: solid lightgrey 1px;
 text-align: center;
 }

Thanks for posting this!

For those who are wondering, this code gets pasted into the Project CSS.

Share your story with the AppStudio Community! Quarantine Stories