Difference between revisions of "Information Widget"

From unroole CMS wiki
Jump to: navigation, search
(Created page with "<noinclude> {{for|more information|Widgets}}</noinclude>{{Css Image Crop |Image = Information Widget In Action.png |bSize = 300px |cWidth = 300 |cHeight = 167 |Locat...")
 
 
(One intermediate revision by one user not shown)
Line 5: Line 5:
 
   |cWidth = 300
 
   |cWidth = 300
 
   |cHeight = 167
 
   |cHeight = 167
   |Location = left
+
   |Location = right
 
   |Description = Using information widget to group text/assets and link together
 
   |Description = Using information widget to group text/assets and link together
 
}}
 
}}
  
Information Widget provides you a structured ways of displaying text/assets and links.
+
The Information Widget provides a structured way of displaying text, assets and links. It should be used to consistently group common content elements and style them in a specific way. A similar structure can be achieved using either an [[Html Widget]] or [[Boxes]] in combination with [[Text Widget]] and [[Asset Widget]].
  
 
{{clear}}
 
{{clear}}
  
 
== Properties ==
 
== Properties ==
In the [[Layout Editor]], information widget have these properties:
+
 
 
{{Css Image Crop
 
{{Css Image Crop
 
   |Image = Information Widget Property.png
 
   |Image = Information Widget Property.png
Line 23: Line 23:
 
   |Description = Property panel for Information Widget
 
   |Description = Property panel for Information Widget
 
}}
 
}}
 +
In the [[Layout Editor]], information widget have these properties:
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 46: Line 47:
 
| Content
 
| Content
 
| Enter the main content for the information.
 
| Enter the main content for the information.
|-
 
| Custom Id
 
| Type in a custom id. This id can then be used in CSS and Javascript to change the style and behaviour of this widget.
 
|-
 
| Custom Classes
 
| Type in a custom class, or mutiple classes seperated. These classes can then be used in CSS and Javascript to change the style and behaviour of this widget.
 
 
|}
 
|}
  
 
+
''For global widget properties see [[Widgets#Common_Properties|Widgets]]''
 
+
  
 
{{clear}}
 
{{clear}}

Latest revision as of 09:37, 31 October 2012

Information Widget In Action.png

Using information widget to group text/assets and link together

The Information Widget provides a structured way of displaying text, assets and links. It should be used to consistently group common content elements and style them in a specific way. A similar structure can be achieved using either an Html Widget or Boxes in combination with Text Widget and Asset Widget.

Properties

Information Widget Property.png

Property panel for Information Widget

In the Layout Editor, information widget have these properties:

Name Description
Image Enter the name for the image, as you type a dropdown will appear suggesting images from your asset library.
Heading Enter the heading for the information.
Sub-heading Enter the sub heading for the information.
Link Text Enter the link text you want it to display at the end of the content.
Link Enter the link you want your "Link Text" to go to when clicked.
Content Enter the main content for the information.

For global widget properties see Widgets