No announcement yet.
  • Filter
  • Time
Clear All
new posts

    Adjusting the size of header Labels for SC.warn, SC.ask

    Please, I need some guidance. I am having difficulties with adjusting the size of the header Label for the notification windows displayed by SC.warn(), SC.ask(), etc.

    I was able to adjust the header label height for the regular smart client Window by using this code:

    public CustomWindow() {
            Map<String, Object> headerDefaults = new HashMap<String, Object>();
            Integer newHeight = 25;
            headerDefaults.put("height", newHeight);
            this.setAttribute("headerDefaults", headerDefaults, true);
    But I don't know how to do this for the SC notification dialog boxes.

    To add to this, I am able to adjust the text inside the headers using CSS, but because of the label height, the text is cut on the bottom. Hence trying to adjust header label height. I was trying to figure out using CSS, but the class associated with it is "normal", which affects everything on the page :).

    Thank you!
    Last edited by alina.frey; 20 Sep 2021, 06:29.

    The class to customize for the height is Dialog, not Window.

    The title label does not use "normal", it uses a more specific size. You can see which style is applied using any DOM inspector (it differs per-skin).

    Note that if you are trying to make all controls and/or all fonts larger, there is a built-in way to do that: resizeControls() and resizeFonts() (see Skinning Overview).