Results 1 to 6 of 6

Thread: CSS Property Selectors

  1. #1
    Senior Member
    Join Date
    Mar 2014
    Posts
    124

    CSS Property Selectors

    Hi All

    I just need to know what the "1" is in _formitem_data="1"? Like when would you use a "2" or "3"...
    Does anyone have an example?

    This from another Barry post:
    HTML Code:
    A "Field" is comprised of a "Label" and "Data". It is known as a "Formitem". There are CSS selectors for the formitem container and its children which are the label and data:
    
    lianja_ui_section_formitem="1"
    lianja_ui_section_formitem_label="1"
    lianja_ui_section_formitem_data="1"
    
    The section that they are inside can be skinned using these selectors:
    
    lianja_ui_section_menu="1"
    lianja_ui_section_panel="1"
    lianja_ui_section_footer="1"
    
    The page containing sections has these selectors:
    
    lianja_ui_page="1"
    lianja_ui_page_header="1"
    lianja_ui_page_panel="1"
    lianja_ui_page_footer="1"
    Thanks in advance, Paul.

  2. #2
    Lianja Team yvonne.milne's Avatar
    Join Date
    Feb 2012
    Location
    Berkshire, UK
    Posts
    1,913
    Hi Paul,

    "1" is true. This is an older syntax format. See the online documentation for CSS Type Selectors.

    Regards,

    Yvonne

  3. #3
    Senior Member
    Join Date
    Mar 2014
    Posts
    124
    Hi Yvonne
    So this makes sense from the Doc which I had read:
    [user_attr1="16"] {
    color:blue;
    }
    But what is this implying?
    lianja_ui_section_menu="1"
    ...That if a menu section exists?
    If "1" is true then only other value is "0" false (does not exisit) right?

    Also below here we are calling all dividers:
    *[lianja_ui_section_formitem_divider="1"] {
    background:darkred;
    color:yellow;
    }
    How do you refer to 1 particular divider if you had 3?

    Thanks Paul

  4. #4
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    7,360
    Blog Entries
    22
    Hi Paul,

    Firstly be aware that these css selectors are only for desktop apps,

    Lianja sets those properties in the UI elements to “1”. They are built in.

    Those css selectors are from a while back and have been superseded by css class names.

    What exactly are you wanting to achieve?
    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

  5. #5
    Senior Member
    Join Date
    Mar 2014
    Posts
    124
    Hi Barry
    "Desktop Apps" ah yes I did read that but was bleary eyed at the time.

    I am working through each sample APP and studying the intricate parts and pulling design bits I may need to build my prototype.
    While understanding CSS I just got stuck on this. It's a moot point as direction is really Cloud.

    Would it be fair to say that I should just rely on the pre-defined CSS templates provided with Linaja?
    I do like the idea of being able to change the skin (look and feel) of an APP - light theme/dark theme.

    Thanks PAul.

  6. #6
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    7,360
    Blog Entries
    22
    Hi Paul,

    The html that is generated together with the Lianja web framework adjusts for various resolutions. It is better to use what is provided. If you need to customize appearance use attributes whenever possible.

    I would recommend producing a minimal viable product (MVP) first then refine it afterwards.
    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

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