Please help with simple code. Picture and textformatting.

[Shelady]

Hi,
I want to design a HBox. I want to put the picture on the left and text on the
right and bootom . I am having 2 problems.

1- I want to start text where picture ends leaving 10 pix in between.
2- I want the text to flow below the picture too.

Here is my code.

Please help.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:HBox id="LowerLeft" width="30%" height="80%" borderStyle="solid"
borderColor="#fffffc" borderThickness="2">
<mx:Image id="image1" source="1.jpg" height="100" width="150"/>
<mx:TextArea height="172" width="288" horizontalScrollPolicy="off"
verticalScrollPolicy="off" letterSpacing="1" backgroundAlpha="0"
borderThickness="0" fontSize="12" fontFamily="Times New Roman" wordWrap="true"
textAlign="left" backgroundColor="#869ca7" color="#ffffff">
<mx:htmlText>
<![CDATA[This is cardiovascular medicine.translate the
extraordinary progress of Promote heart health. At the nucleus of SCVI is a
richl as it iscardiovascular medicine

This is cardiovascular medicine.translate the extraordinary progress of
science and rich thing.

Cardiovascular medicineThis is cardiovascular medicine.translate the
extraordinary progress. ]]></mx:htmlText>
</mx:TextArea>
</mx:HBox>

</mx:Application>

[subedimadhav@yahoo.c]

i could not know whether your image and text comes from database, or it is
always fixed.

if it is fixed, i have an idea.

you just use two rows/ three components.

row 1 having image and a FIX SIZED text/label component(i actually dont
remember which supports multiline).
row 2 having a BIG FIX WIDTH text/label component.

now divide your text into two parts, for two text/label components.

after you play with size and positioning of your image and texts, i think you
can get it.

[Kaotic101]

You'll want to use a Text component not a TextArea component, TextArea was more
designed for the input of text not display. Even though you can style it to not
look like it, it's internal workings were made to show scrollbars as often as
it could. The Text component was designed to never show scroll bars and is
multiline by default IF you do not set a height to it and constrain it's width
so that it knows where to word wrap. Using an HBox with an image on the left
and a Text component on the right would be an easy solution to this. Make sure
to not set explicit heights on the components and to let them expand to there
content. The 10 pixel gap you asked for is the default gap within an HBox.

[Shelady]

Thanks for replying but text is not flowing underneath the picture. Any other idea!!!

thanks

[VarioPegged]

You could add the image inline with the html text and the text will wrap around
the image.

TS

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:HBox id="LowerLeft" width="30%" height="80%" borderStyle="solid"
borderColor="#fffffc" borderThickness="2">
<mx:TextArea height="300" width="288" horizontalScrollPolicy="off"
verticalScrollPolicy="off" letterSpacing="1" backgroundAlpha="0"
borderThickness="0" fontSize="12" fontFamily="Times New Roman" wordWrap="true"
textAlign="left" backgroundColor="#869ca7" color="#ffffff">
<mx:htmlText>
<![CDATA[
<p><img src='1.jpg' width='100' height='150' align='left' hspace='10'
vspace='10'>This is cardiovascular medicine.translate the extraordinary
progress of Promote heart health. At the nucleus of SCVI is a richl as it
iscardiovascular medicine.</p><p>This is cardiovascular medicine.translate the
extraordinary progress of science and rich thing.</p><p>Cardiovascular
medicineThis is cardiovascular medicine.translate the extraordinary progress.
</p>
]]>
</mx:htmlText>
</mx:TextArea>
</mx:HBox>

</mx:Application>

[Shelady]

Thanks a lot Sir.

She