Difference between revisions of "CSS"

From Lianjapedia
Jump to: navigation, search
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 Selectors==
+
==CSS Files==
  
===Pages, Sections and Formitems===
+
===* 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 Classes===
+
 
 +
===UI Framework Class Selectors===
  
 
lianja_ui_checkbox
 
lianja_ui_checkbox

Revision as of 10:15, 22 September 2016

Under Construction

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"]