How to increase text size in controls

I've spent about two hours searching and reading the forums, so apologies but I've got to break down and ask. :)

The text size for section headers, grid column headers, grid cells, and etc. are all too small to read in both the desktop app and web view (in web app view I can use browser controls in +/- that's true). I can't find any attributes for section overall, grid control, grid per column to increase the size. I searched attributes for "size" and "font", and also tried the Text/Caption buttons at the bottom.

How do I increase the text size for these elements? Thank you!

You should use CSS, e.g. to specify a font size:

Code:

---

font-size:16px;

---

In the App Settings you can specify and create a Library CSS file name for Desktop or Web (also Tablet and Phone) - or use the same file for all, e.g. this would set the font size for all elements:

Code:

---

* {
        font-size:16px;
}

---

For Web you can also use the following identifiers for Grid Section elements:

Code:

---

.lianja_ui_section_grid_heading
{
        height:24px;
        font-size:16px;
        background:green;
}

.lianja_ui_section_grid_menubar
{
        height:24px;
        font-size:16px;
        background:orange;
}

.lianja_ui_grid_cell
{
        height:24px;
        font-size:16px;
        background:yellow;
}

---

For the Desktop, use the CSS attributes for the individual elements (make sure you are in Advanced or Export Attributes Skills Level view):
- Grid Section -> Appearance -> CSS style
- Column -> Appearance -> Custom CSS style

Regards,

Yvonne

Also, See this forum post.

https://www.lianja.com/community/sho...&highlight=CSS

Tip: you can remove the underscore from the name of the web app css file and run the web app to see the effect of the CSS.