|
|
Rank: Member
Groups: Member
Joined: 4/15/2009
Posts: 13
|
Hello ,
I am using a Slide Menu control and for each Item , I am showing an image and text .The only problem is that when rendering , the 'text' attribute does not appear anywhere and wondered how I can make it display at the bottom of the image.
Many thanks.
Reza.
R Khan
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi, There are two ways to do that: 1. Set Image.Mode to ItemBackground or TextBackground. This way the image will be rendered as background of the whole item. So most likely you will need to modify the image. For example, if your original image size is 16 * 16 and the text is 20 * 100, you may need to modify the image as (16 + 20) * 100 so that it covers the whole item. The text will then be placed on top of the image. By applying padding top to the text, you can push the text downwards so that the text will appear "below" the image, but in fact it is placed directly on the bottom portion of the image and that portion of the image is blank; 2. Set the item's Text to some HTML code that includes an image. For example, you can set the item's Text to:
Code: HTML/ASPX
<div style='text-align:center'><img src='someimage.gif' >/</div>
<div style='text-align:center'>some text/</div>
This will display the image above the text and center align both of them. Hope this helps. Thanks!
|
|
Rank: Member
Groups: Member
Joined: 4/15/2009
Posts: 13
|
yep , that works , thanks you very much ! Reza :d/ :d/ eo_support wrote:Hi, There are two ways to do that: 1. Set Image.Mode to ItemBackground or TextBackground. This way the image will be rendered as background of the whole item. So most likely you will need to modify the image. For example, if your original image size is 16 * 16 and the text is 20 * 100, you may need to modify the image as (16 + 20) * 100 so that it covers the whole item. The text will then be placed on top of the image. By applying padding top to the text, you can push the text downwards so that the text will appear "below" the image, but in fact it is placed directly on the bottom portion of the image and that portion of the image is blank; 2. Set the item's Text to some HTML code that includes an image. For example, you can set the item's Text to:
Code: HTML/ASPX
<div style='text-align:center'><img src='someimage.gif' >/</div>
<div style='text-align:center'>some text/</div>
This will display the image above the text and center align both of them. Hope this helps. Thanks!
R Khan
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Cool. Let us know if you have any more questions!
|
|