Using the tag and how text can flow around the image

Using the <img> tag and how text can flow around the image

            

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


<!-- textcontrols/ImgTag.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark" width="300" height="300">
    <mx:Text height="100%" width="100%">
        <mx:htmlText>
             
        <p>You can include an image in your HTML text with the &lt;img&gt; tag.</p> 
        <p><img src='a.gif' width='30' height='30' align='left' hspace='10' 
        vspace='10'> 
        Here is text that follows the image. I'm extending the text by lengthening this 
        sentence until it's long enough to show wrapping around the bottom of the image.</p> 
      
        </mx:htmlText>
    </mx:Text>
</s:Application>

Related examples in the same category

1.	Use inline item renderer to display image
2.	Bind Image to a variable
3.	Explicit sizing for the Image control and default sizing for the Button control
4.	uses explicit sizing for the Image control and default sizing for the Button control
5.	Change Image source in button action
6.	Image as Button skin
7.	When the user clicks the button, the action sets the visible property of the image to true to make it appear
8.	Use load() method to replace a small image with a large image when the user clicks a button
9.	Using GIF file as both a skin for the Button control and a source for the tag
10.	Embedding three images and applies those images as skins to an instance of a Button control
11.	Button with Embedded image
12.	Maintain Image Aspect Ratio
13.	Add image based border skin for Canvas
14.	Load image from a URL
15.	Working with different media types
16.	Setting visibility
17.	Import a green square from a SWF file that contains a library of different shapes
18.	Resize logo to the exact values of the height and width properties without regard for its aspect ratio
19.	Assigning an image to a variable to decouple its location
20.	Use Image control to display image
21.	Use a relative path to reference an image in an assets directory
22.	Reference an image using a URL
23.	Create image thumbnails
24.	Set height and width of the image to 150 by 200 pixels
25.	Resize Image to exact height and width
26.	x and y properties specify the upper-left corner of image
27.	Use ActionScript to set image properties
28.	Use load() method to replace image
29.	Text can flow around the image
30.	Layout images in a Canvas
31.	Png image based skin
32.	Use Image control in an MXML file
33.	skin based on png images
34.	Do not maintain Aspect Ratio when displaying image with Image
35.	Use source for Image controls and other controls that point to an external file
36.	Compare Two Bitmap Images
37.	Image source file
38.	Load image file for an Image control with load method
39.	Image control io error
40.	Image Binding
41.	Image Demo
42.	Set Image Source to change image file for an Image control
43.	Load Image With Load method from a disk file
44.	Move Image
45.	Load image with Loader and Paint image with graphics
46.	Display Images and SWFs in HTML
47.	Load and Display an Image
48.	Display a Custom Loader while Loading Images
49.	skin with image
50.	Use the backgroundImage style to specify an image as the background of the container
51.	Access a JPEG image at run time
52.	Reference an image by using a URL
53.	By specifying a height and width of 20 by 20 pixels, you create a thumbnail of the image.
54.	Load a simple image from a local location
55.	Use @Resource directive anywhere a String might supply the location of the image.
56.	Set image transform center to the right edge, corresponding to the transormX property having a value of 100
57.	Image Class
58.	Read and Save a User's Webcam Image
59.	Embed a JPEG image into a Flex application

Using the tag and how text can flow around the image : Image « Graphics « Flex

Related examples in the same category