Difference between revisions of "Asset Widget"

From unroole CMS wiki
Jump to: navigation, search
Line 1: Line 1:
 
<noinclude>
 
<noinclude>
 
{{for|more information|Widgets}}
 
{{for|more information|Widgets}}
 +
{{TOC right}}
 
</noinclude>
 
</noinclude>
 +
 +
 +
 +
{{Css Image Crop
 +
  |Image = Asset Widget In Action.png
 +
  |bSize = 300px
 +
  |cWidth = 300
 +
  |cHeight = 167
 +
  |Location = left
 +
  |Description = Using asset widgets to display pictures, videos and links to file.
 +
}}
 +
 +
Asset Widget provides a simple way to add images, vidoes or file links to a page, through the [[Layout Editor]]. Some suggested usages are:
 +
 +
* To display pictures.
 +
* To display youtube videos.
 +
* To display links for user to download files or pictures.
 +
 +
{{clear}}
 +
 +
== Properties ==
  
 
{{Css Image Crop
 
{{Css Image Crop
Line 9: Line 31:
 
   |cHeight = 167
 
   |cHeight = 167
 
   |Location = right
 
   |Location = right
   |Description = property panel for Asset Widget
+
   |Description = Property panel for Asset Widget
 
}}
 
}}
  
Asset Widget provides a simple way to add images, vidoes or file links to a page, layout or layout template through the [[Layout/Page Editor]]. To use the Asset Widget in the [[Layout/Page Editor]]:
+
{| class="wikitable"
 +
|-
 +
! Name
 +
! Description
 +
|-
 +
| Asset
 +
| Type in the name of the asset you want to add. As you type, a dropdown will appear suggesting names from your asset library
 +
|-
 +
| Dimensions
 +
| Set the dimensions of the asset you want to add. You can also choose to use a preset size using the "Asset Size" property.
 +
|-
 +
| Display only link
 +
| Check this if you only want to show a link instead of the actual pictures or videos.
 +
|-
 +
| Asset Size
 +
| Choose a preset dimensions for this asset. For this property to be applied, you must not enter anything in the "Dimensions" property, otherwise the value in "Dimensions" property will be used instead
 +
|}
  
# Select the Box where you want to place the images, videos or file links.
 
# On the properties panel click on the Box name, then click on "Box Properties" to expand the properties.
 
# Click on the blue  "Add Widget" button and choose "Asset" from the Core Widgets. You will then notice a small box with "Asset is not assign or found." been added to the Box.
 
# Click on the "Edit" button in the small box that just appeared. Asset Properties panel will then appear.
 
# In the "General" section, you can starting typing the name of the asset you want to add, as you type a dropdown will appear suggesting names from your [[Asset Library]]
 
# Choose the [[Asset]] you want to add from the dropdown.
 
# You can also specify the dimensions for the [[Asset]], or you can select some of the preset size using the "Asset Size" dropdown.
 
# If you only want to display a link instead of the actual image or video, check the "Display only link" option.
 
# After you are done setting the properties, click save and you should see the [[Asset]] appearing in the Box
 
# Like most widgets you can drag and drop the Asset Widget to move them around.
 
  
  
 
{{clear}}
 
{{clear}}

Revision as of 10:20, 1 October 2012

Contents



Asset Widget In Action.png

Using asset widgets to display pictures, videos and links to file.

Asset Widget provides a simple way to add images, vidoes or file links to a page, through the Layout Editor. Some suggested usages are:

  • To display pictures.
  • To display youtube videos.
  • To display links for user to download files or pictures.

Properties

Asset Widget Properties.png

Property panel for Asset Widget
Name Description
Asset Type in the name of the asset you want to add. As you type, a dropdown will appear suggesting names from your asset library
Dimensions Set the dimensions of the asset you want to add. You can also choose to use a preset size using the "Asset Size" property.
Display only link Check this if you only want to show a link instead of the actual pictures or videos.
Asset Size Choose a preset dimensions for this asset. For this property to be applied, you must not enter anything in the "Dimensions" property, otherwise the value in "Dimensions" property will be used instead