Results 1 to 3 of 3

Thread: How to increase text size in controls

  1. #1
    Junior Member
    Join Date
    Jan 2024
    Posts
    5

    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!

  2. #2
    Lianja Team yvonne.milne's Avatar
    Join Date
    Feb 2012
    Location
    Berkshire, UK
    Posts
    1,842
    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

  3. #3
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    7,165
    Blog Entries
    22
    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.
    Last edited by barrymavin; 2024-01-30 at 22:26.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Journey into the Cloud
Join us