webix modal css


By referring the snippet, I able to change the color of the modal box by changing the type: 'alert-warning','alert-error'.

But, on my side, the color is not change. I am applying air.css. I able to change it by setting the .webix.popup.title{border-bottom: 2px red}

But this may apply to all modal box. How can I change that?



  • Hello @laicp

    The required style is not supported in air skin, but you can add it manually with the following CSS:

    .webix_alert-warning .webix_popup_text,
    .webix_confirm-warning .webix_popup_text {
        box-shadow: 0 3px #ffd21a inset;

    Where .webix_alert-something corresponds to type:"alert-something" in the modalbox configuration, so you can add a custom type as well.

  • @Listopad Got it... thanks a lot

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion