Dialog Message Styling

Is it possible to add styling to the message of a dialog window?

dialog("050", "1.1Delivery...");

image

Specifically, I’d like the message to be left-aligned instead of centered.

Hey Fletcher

Unfortunately, at time of writing, it is not possible to style the JS Dialog component, but we have noted your feedback on our roadmap.

@fthomas I should note that you can use an XML dialog as a workaround, as the XML dialog can have left aligned text.

Like so:

    <dialog id="example" title="050" >
        <body>
            <info>1.1Delivery...</info>
        </body>
        <button-group>
            <button label="OK" on-press="ok" validate="false" style="solid" color="negative" />
        </button-group>
    </dialog>

PS: Credit to @kobie for pointing this out

1 Like