1.5 Template Project

The Joomla! Documentation Working Group is running a project to develop detailed reference and tutorial material on Joomla! 1.5 templates.  There is a project page on the documentation wiki where you can see the work in progress and help us by contributing your knowledge.

Who's Online

We have 8 guests online

Help Site License

The Joomla! Help Site content is copyright © 2005 - 2008 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution NonCommercial ShareAlike 2.5. Some parts of this website may be subject to other licenses.
Home arrow Help Screens arrow Help Screens 1.0.12 :: Content arrow Content Item: New or Edit

Content Item: New or Edit PDF Print E-mail
Article Index
Content Item: New or Edit
Item Details
Additional Features
Attributes Tabs - Publishing
Attributes Tabs - Images
Attributes Tabs - Parameters
Attributes Tabs - Meta Info
Related Information

Images:

MOSImage Control

As the title above suggests, this tab is the control section for any mos_image images that have been created throughout the Content Item.

Gallery Images: This is a display window of all the images currently available - by default in the top level of the joomla_root/images directory. Other folders and, therefore, images within the images directory will be viewable by changing to a sub-folder. See below.

Sub-folder: Select the folder that contains the required image from the drop down list of all folders contained within the joomla_root/images folder. The top level of the folder is represented by the '/' forward slash character (not - on this occasion - intended to represent the 'root' directory of Joomla!).

<<  >>: Select the required image and click the >> icon to transfer the image to the Content Images window. To remove an image from the Content Image window, click the << icon.

Content Images: The Content Images window displays all the images that have been selected to be displayed in the current Content Item. It must be remembered that the images will appear in the Content Item in the sequence they are displayed in this window. It is imperative, therefore, to adjust this list to ensure the right image is applied to the correct instance of the mos_image tag in the Content Item.

Up and Down: Once an image has been copied from the Gallery Images listing to the Content Items listing it is necessary to ensure that it occupies the correct position in the list. This position must relate to the relative number of the mos_image tag in the Intro or Main Text fields of the editor. So, if the current mos_image tag is the fourth in the Content Item its actual image must be fourth in this list as well. Use the Up and Down buttons to move a selected image up, or down, the list to ensure it is in the correct location.

Sample Image: The Sample Image field shows a representation of the image currently highlighted/selected in the Gallery Images listing.

Active Image: The Active Image field shows a representation of the image currently highlighted/selected in the Content Images listing.

Edit the image selected:

The following fields allow specific elements of the image to be configured.

Source: This is the internal URL of the image relative to the joomla_root/images directory.

Image Align: Select Left, Right, or Center to set the position of the image in the display page of the Content Item in relation to text wrapping. For example if Left is selected the text will wrap the image and appear to the right of the image. If text wrapping is not required and the image should appear on its own line select None.

Alt Text: To assist in accessibility of the web site it is recommended (particular if aiming for a standards compliant web site) to enter an Alternative Text description for the image. If for any reason the image file is unavailable, or the user has a text only browser, or is using a text reader, they will not be left completely without an idea of what is being or should be displayed at this location.

Border: Decide whether a border is required around the image to be displayed. The number entered here will be translated into the thickness of the line around the image in pixels.

Caption: If a caption is required to describe the image being displayed, enter the desired text here.

Caption Position: If a caption is entered in the previous field, decide where, in relation to the images position, the caption will be displayed. Select Top for it to appear above the image, select Bottom for it to appear beneath the image.

Caption Align: Select None. Left, Right, or center, to set the position of the caption in relation to the image. Selecting None will make the caption match the setting of the Image Alignment selected above.

Caption Width: It is a good idea to set this field to match the width of the image being displayed. Otherwise if the amount of text being displayed is quite lengthy it will alter the position of the image and mess up the layout of the displayed page. By setting this to the image width will ensure the text wraps to the next (and subsequent) lines.


Last Updated ( Wednesday, 04 July 2007 )
 
< Prev   Next >