With Imagevue textpages, you can create text pages within your gallery. This could for example be contact-information, bio, links or any other general information.
How to create a textpage
To create a textpage, you need to login to your admin and create a folder just like you create a normal folder. After you have given it a name and it has been created, you need to click the checkbox Use as text page. This will turn it into a text page and you will see a field for title and a large field for description. The title is simply the title/heading for the page, while the description is used for your actual text content. The description field has limited html support.
Textpage HTML support
You can use html code in text pages, but support is limited to the flash players capabilities. Keep in mind, you can use CSS to style your pages instead of using tags(see next paragraph). The following tags are supported:
<p>paragraph</p> <i>italic</i> <u>underline</u> <b>bold</b> anchor (links) - <a href="link">link text</a> font tag for setting size, color and typeface - <font size="12" color="#333333" font="Verdana">text</font> image(jpg, gif, png, swf) - <img src="path/image.jpg" width="100" height="50" /> <ul><li>list</li></ul> <span>span</span> <textformat>textformat</textformat> <br/>
If you are acquainted with CSS, you can define your own styles in your theme stylesheet CSS file and use them in your text. Keep in mind that you have similar restriction for CSS as you have for the html tags. Read more:
Changing the textpage configuration
There are a few added options in your theme configuration file, under “textpage” node. There are settings for width, margin, padding, backgroundcolor, opacity and shadow. Navigate to your theme in the admin theme editor and change the values from there.
Thanks to the SWFAddress module, you are able to create text links that go directly to specific images or folders within your gallery. This could for example be used to maintain a startpage or newspage, where you can link to your latest images, or latest folder. The links are entirely streamlined, and do not require page refresh. See an example of this below:
To add internal links to your gallery, you can use the code as in these examples:
<a href="#/folder/">link to folder</a> <a href="#/folder/file.jpg/">link to file</a>
Embedding images and SWF files
You can embed images or swf files into your text by using the img tag. We recommend storing your embedded files in the textpage folder that is actually using them. Also, you should add the width and height parameters to the img tag. For example, if you want to display the image “mypicture.jpg” in your textpage “content/about/”, you should place it inside that folder … “content/about/mypicture.jpg”. The code for embedding the image would then be:
<img src="content/about/mypicture.jpg" width="100" height="50" />
To add a contactform to any textpage, just use the “Insert Contact Form” button in WYSIWIG editor, which adds the following code in html:
<img src="contactform" />
Other issues to be aware of
- Make sure you use the width and height attributes when embedding an image, or it will make your textfield jump and possibly render incorrectly. # If you are going to use a custom embedded font in your textpage, some styles may not work. For example, if you want to use the “standard 07_53” font, you will not be able to use the bold tag because it is not embedded. This will simply make the text within the tag to dissappear.
- If you want to create an image that displays above some text, you need to use a special trick, or the text will simply wrap around the image. Use the following code, making sure to set the “leading” attribute the same as the height of your image:
<textformat leading="50"><img src="content/about/mypicture.jpg" width="100" height="50" /></textformat><br/>text here