Difference between revisions of "CSS"
From Lianjapedia
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
Line 4: | Line 4: | ||
==CSS Style Attribute== | ==CSS Style Attribute== | ||
+ | The name for use with setAttribute() and getAttribute() is cssStyle. | ||
==Stylesheet Common Property== | ==Stylesheet Common Property== | ||
+ | The synonym css can also be used. | ||
− | ==CSS | + | ==CSS Files== |
− | === | + | ===* Selector=== |
+ | The asterisk * selects all objects. | ||
+ | |||
+ | ===Named Object Selectors=== | ||
+ | The CSS selector for a named object is #name | ||
+ | |||
+ | Each UI element is given a unique object name. | ||
+ | |||
+ | Page is the pageid. | ||
+ | |||
+ | Section is pageid + "_" + sectionid | ||
+ | |||
+ | Formitem is pageid + "_" + sectionid + "_" + formitemid; | ||
+ | |||
+ | e.g. | ||
+ | |||
+ | <pre>#page1_section1_field1<pre> | ||
+ | |||
+ | In Custom Sections, the elements use the "name" property that you assign to them. | ||
+ | |||
+ | ===Page, Section and Formitem Selectors=== | ||
lianja_ui_page | lianja_ui_page | ||
Line 37: | Line 59: | ||
[lianja_ui_section_formitem_subtitle] | [lianja_ui_section_formitem_subtitle] | ||
− | ===UI Framework | + | |
+ | ===UI Framework Class Selectors=== | ||
lianja_ui_checkbox | lianja_ui_checkbox |
Revision as of 10:15, 22 September 2016
Under Construction
Contents
Introduction
CSS Style Attribute
The name for use with setAttribute() and getAttribute() is cssStyle.
Stylesheet Common Property
The synonym css can also be used.
CSS Files
* Selector
The asterisk * selects all objects.
Named Object Selectors
The CSS selector for a named object is #name
Each UI element is given a unique object name.
Page is the pageid.
Section is pageid + "_" + sectionid
Formitem is pageid + "_" + sectionid + "_" + formitemid;
e.g.
#page1_section1_field1<pre> In Custom Sections, the elements use the "name" property that you assign to them. ===Page, Section and Formitem Selectors=== lianja_ui_page [lianja_ui_page_footer] [lianja_ui_page_header] [lianja_ui_page_panel] lianja_ui_section [lianja_ui_section_footer] lianja_ui_section_formitem [lianja_ui_section_formitem_data] [lianja_ui_section_formitem_divider] [lianja_ui_section_formitem_gadget] [lianja_ui_section_formitem_label] [lianja_ui_section_formitem_separator] [lianja_ui_section_formitem_subtitle] ===UI Framework Class Selectors=== lianja_ui_checkbox lianja_ui_combobox lianja_ui_commandbutton lianja_ui_container lianja_ui_control lianja_ui_datetextbox lianja_ui_datetimetextbox lianja_ui_editbox lianja_ui_editor lianja_ui_form lianja_ui_grid * lianja_ui_grid::item lianja_ui_header lianja_ui_label lianja_ui_listbox lianja_ui_menu lianja_ui_menubar lianja_ui_menuitem lianja_ui_navbar lianja_ui_optionbutton lianja_ui_pageframe lianja_ui_pagesidebar lianja_ui_popupmenu lianja_ui_progressbar lianja_ui_richeditbox lianja_ui_spinner lianja_ui_splitter lianja_ui_tabpage lianja_ui_textbox lianja_ui_toolbar lianja_ui_toolbox lianja_ui_tree * lianja_ui_tree::item ===UI State Selectors=== Canvas Section editable Advanced Controls. [lianja_uistate_mandatory="true"] [lianja_uistate_mandatory="false"] [lianja_uistate_valid="false"] [lianja_uistate_valid="true"]