Customizing button label

[tbettinazzi@axioma.it]

I’m using smart-dialog-window and smart-alert-window but I didn’t find the way to customize (with dynamic texts) the buttons labels.

Could You suggest the correctmost way ?

I also need to reduce the window height but I didn’t finde a suitable property.

Could You suggest the propery I should use ?

Tks

[admin]

Hi,

– The cancelLabel and confirmLabel properties determine the texts of button labels.
– The window’s width and height are set in CSS

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[tbettinazzi@axioma.it]

Tks.

I still have some small problems :

• the button label is allways capital (even if I write Take License I see TAKE LICENSE)
• how can I control the button size to make i larger enough to keep the button text (e.g. take license)

Tks

Tullio

[admin]

Hi,

That is part of the Material styling. You can customize this by CSS – var(–smart-button-text-transform); CSS variable should be set to ”;
For the window, the var(–smart-window-footer-button-width) CSS variable controls the width of the buttons displayed in the Window’s footer.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[tbettinazzi@axioma.it]

Sorry but I don’t understand what I should do.

How can I set such variables ?

Could You provide a small example ?

Tks

[admin]

Hi,

Please, look at https://www.htmlelements.com/docs/window-css/. Scroll to the bottom of the page, where we have an example. I will also copy it here to show you how to apply CSS variables

<style>
        #window{
            --smart-window-header-background: #547284;
            --smart-window-background: #f5fafd;
            --smart-window-header-color: #f5fafd;
        }
</style>

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts