Text and two images in accordion header?????

how to insert two images in the accordion header
1) indicates the accordion image constant
2) if the accordion's state is up or down.
i tried using headerStyleName,
<mx:Accordion     headerStyleName="customAccordionHeadStyles">
            <mx:headerRenderer>
                       <fx:Component>
                             <mx:Button fontWeight="normal"
                               disabledColor="#000000"
                               labelPlacement="left"
                               textAlign="left"
                               />
                       </fx:Component>
            </mx:headerRenderer>
             <mx:VBox label="Some text here    " paddingTop="0"
                     backgroundColor="#ebfaff" icon="@Embed('assets/goodIcon.png')"
                    // one more icon or skin state here to show it was up or down
                     verticalScrollPolicy="off"
                     horizontalScrollPolicy="off"
                    / >
             <mx:VBox label="Some text here    " paddingTop="0"
                      backgroundColor="#ebfaff" icon="@Embed('assets/badIcon.png')"
                     // one more icon or skin state here to show it was up or down
                      verticalScrollPolicy="off"
                      horizontalScrollPolicy="off"
                      />
</mx:Accordion>
thanks for reading.

You can use "CanvasButtonAccordionHeader" to make custom Accordion header  (HeaderRenderer) and add text/images as per your requirements.
    <mx:headerRenderer>
        <fx:Component>
            <components:HeaderRenderer  />
        </fx:Component>
    </mx:headerRenderer>
One needs to add "flexlib.swc" to access "CanvasButtonAccordionHeader".
Hope this helps!
--Tanu

Similar Messages

  • Placing label and an image in Accordion header in flex 3

    Hi all,
    I need to display label and image in accordion header.Please let me know the process.
    Thankig You....

    Hi,
    Pls use the same swc which you are having from the link earlier which is having the CanvasButton.
    After that create the application same as the code is below.It is in the Flex 3.0.I am using three images and 3 labels on the header of the accordion.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout="vertical"
            verticalAlign="middle"
            xmlns:code="http://code.google.com/p/flexlib/">
        <mx:Accordion width="500" height="300"
            backgroundColor="0xCCCCCC">
            <mx:headerRenderer>
                <mx:Component>
                            <code:CanvasButton>
                                <mx:HBox verticalAlign="middle"
                                     horizontalGap="5">
                                    <mx:Image source="logo.png"/>
                                    <mx:Label text="Label 1"/>
                                    <mx:Image source="logo1.png"/>
                                    <mx:Label text="Label 2"/>
                                    <mx:Image source="logo2.png"/>
                                    <mx:Label text="Label 3"/>
                                </mx:HBox>   
                            </code:CanvasButton>
                </mx:Component>
            </mx:headerRenderer>
            <mx:VBox label=" Account Dept.">
                <mx:Label text="Container 1" />
            </mx:VBox>
            <mx:VBox label=" Admin Dept.">
                <mx:Label text="Container 2" />
            </mx:VBox>
             <mx:VBox label=" Sales Dept.">
                <mx:Label text="Container 3" />
            </mx:VBox>
        </mx:Accordion>
    </mx:Application>
    With Regards,
    Shardul Singh Bartwal

  • I´ve made four Columns with text and an Image over the middle of two columns. How do I put a text u

    I´ve made four Columns with text and an Image over the middle of two columns. How do I put a text under the Image that spans over the Columns?

    Did you mean that?
    or
    Did you mean that?
    Let me know.

  • Text and solid images print as halftones

    I have a Xerox phaser 3250 with PCL6 emulation. Recently, whenever I create a document in Quark and print it, my text and solid images print as halftones as opposed to solid blacks. When I try to modify the PPD or any other device option in the print window, the option buttons are dimmed. Is this an issue with my printer or my OS or my software ? thanks

    That makes two of us.
    Bob

  • When I purchased ringtones for my texts and two of them dont play when someone texts me,but plays when they call

    When I purchased ringtones for my texts and two of them dont play when someone texts me,but plays when they call

    Hi Kel134,
    Welcome to the Apple Support Communities!
    I understand that you are having microphone issues on your iPhone when you place a call to someone and they cannot hear you unless you activate the speaker function. In this situation I would recommend the steps in the following article to help isolate and resolve the situation. 
    iPhone: Microphone issues
    http://support.apple.com/kb/ts5183
    Resolve the issue
    Follow these steps, testing after each.
    Make sure nothing is plugged in to the jack connector.
    Make sure nothing is blocking any of the microphones (refer to the pictures below to find your device's microphones). Check for these:
    Dirt or debris
    A screen protector or case
    When you're holding your phone next to your ear, make sure you don't block the microphone with your fingers or shoulder and make sure to speak into the microphone
    Turn the iPhone off and then on.
    Update to the latest version of iOS.
    If necessary, find general iPhone hardware troubleshooting suggestions.
    For further assistance, contact Apple Support.
    I hope this helps,   
    -Joe

  • Text and some images together in a scrolling effect

    Hi.
    All the tutorials I find about scrolling effects are just with simple text. And all the tutorials about images don't say anything about applying it together with text.
    I have a rather simple scrolling credits at the end of my video and wanted to have three or four logos at the end. (I'd do anything for the sponsors hehe).
    The only way I could find to do this is to have two different scrolling effects to each individual image and another one for the text and move them back and forth until they fit. Even harder is to make them scroll at the same speed. Right now I've got one logo at the right speed, making them all do that will take hours.
    Does anyone know an easier way? How can I add the images into the text?

    Do you have Photoshop?
    Start with one of the video presets in PS that has the same pixel dimesions as your video footage.
    Make sure it is transparent.
    Add a New Layer and color it black with Shift F5 - this is only temporary to help you see the text while you compose it.
    Add a new text layer. Type your titles. When you need more space extend the lower part of the PS canvas: Image > Canvas Size. Repeat this as often as you need.
    Paste your logos.
    When you are done, go to the black layer and delete it.
    Go to Layers > Merge Visible.
    Save as a TIFF with the Preserve Transparency option checked on.
    Import into FCP (or FCE), make it as long as you need and superimpose on your background.
    Double click to place in the Viewer and set the scale to 100%.
    Use the position contols to move your titles up the screen. Render.

  • Allign text in two images

    I have two images with text that need to be aligned, see
    http://www.spinsister.nl/zandbak/FW.htm
    The last letter in the left hand image, half an 'e' ,should
    match perfectly
    with the first other half of the 'e' in the right hand image.
    I have tried pasting the images next to each other on a new
    canvas, but that
    makes the text dissappear, even after the png is saved.
    Can someone please help me?
    Regards,
    Adriana.
    [ put out the rubbish if you need to reach me by e-mail ]
    www.spinsister.nl

    On 03 Nov 2007 in macromedia.fireworks, A.Translator wrote:
    > I have two images with text that need to be aligned, see
    >
    http://www.spinsister.nl/zandbak/FW.htm
    >
    > The last letter in the left hand image, half an 'e'
    ,should match
    > perfectly with the first other half of the 'e' in the
    right hand
    > image.
    >
    > I have tried pasting the images next to each other on a
    new canvas,
    > but that makes the text dissappear, even after the png
    is saved.
    I'm not quite following you here. Is the text part of the
    bitmap
    image, or is it something you're inserting above the bitmaps?
    And why
    do these need to be separate images?
    Try this: Insert the two background images onto the same
    canvas, then
    use the text tool to put the text over the background.
    Maybe if you could post the .pngs and some context - the page
    where
    they will be used?
    Joe Makowiec
    http://makowiec.net/
    Email:
    http://makowiec.net/contact.php

  • Illegible text and blurred images

    Hopefully there is a simple answer to this because I am having trouble finding it!
    I created a presentation in Keynote and all looked good. Decided to send it to iDVD so that I could burn it onto DVD for distribution to clients. When opened in iDVD, both in preview and once burnt to disc, the text becomes illegible and the images blurred. I looked at the .mov file in Quicktime and the presentation looked fine there too. It is only once it gets into iDVD that it deteriorates.
    Can anyone help please? As usual there is nothing in the Apple Help files to assist!
    Would greatly appreciate any help you guys can give.
    Cheers....Scotty

    Try this one in the iDVD forum....
    http://discussions.apple.com/category.jspa?categoryID=128

  • Dynamic Text and Resizing Images Inside

    Hello.
    FYI: I'm following the Flash Blogger tutorials listed on
    http://www.indextwo.net with
    Flash 8.
    I've noticed that everything works wonderfully as far as
    bringing the blog content into the dynamic text field; however, my
    only problem at the moment is while Blogger will automatically
    resize my images, so it doesn't mess up the current template in
    html, but of course, Flash does not (out of the box).
    I need a way to define the width & height of the images in
    the text field to fit inside the dynamic text field they're in.
    As far as I can tell, the tutorials listed on that site use an
    alternate method and don't actually resize them. They just make a
    link to them.
    Lastly, I thought about using CSS in Flash to adjust the img
    size, but from what I gather there are very few items at my
    disposal.
    Does anyone have a solution?
    Thank you.

    Hello.
    FYI: I'm following the Flash Blogger tutorials listed on
    http://www.indextwo.net with
    Flash 8.
    I've noticed that everything works wonderfully as far as
    bringing the blog content into the dynamic text field; however, my
    only problem at the moment is while Blogger will automatically
    resize my images, so it doesn't mess up the current template in
    html, but of course, Flash does not (out of the box).
    I need a way to define the width & height of the images in
    the text field to fit inside the dynamic text field they're in.
    As far as I can tell, the tutorials listed on that site use an
    alternate method and don't actually resize them. They just make a
    link to them.
    Lastly, I thought about using CSS in Flash to adjust the img
    size, but from what I gather there are very few items at my
    disposal.
    Does anyone have a solution?
    Thank you.

  • UNreadable text and missing images in sync'd pdf documents in iBooks

    Hi,
    i was quite excited when i heard that iBooks 1.1 was going to be able to open pdf documents, so following an update to 1.1, i loaded up a number of pdfs onto the iPad, the majority worked perfectly, however i noticed that a couple, (when opened), all the embedded images were missing and in another document the text was unreadable, sort of looked like the text was overlapping with each other.
    Can anyone shed some light on this?

    All kinds of things can go wrong when reading pdfs, which can be made in variety of different ways. If the problem pdfs display fine in OS X Preview and Adobe Reader, best to let Apple know about need to fix iBooks reader via
    http://www.apple.com/feedback/ipad.html

  • IPhoto 9.6 - slideshow to movie - text slides show only text and no image

    Made slideshow in iPhoto 9.6. Runs fine in slideshow mode on my iMac. However, when I export it to my desktop as a movie, slides that I inserted text via the text slide feature (bottom right of iPhoto) - black with the text only - lost the image. This happens on most of the text slides.  followed similar procedure before w/ no issues.

    Made slideshow in iPhoto 9.6. Runs fine in slideshow mode on my iMac. However, when I export it to my desktop as a movie, slides that I inserted text via the text slide feature (bottom right of iPhoto) - black with the text only - lost the image. This happens on most of the text slides.  followed similar procedure before w/ no issues.

  • Pop up text and/or image window

    Hi
    I just want to get a pop up iweb window constrained in size within the current page after clicking a link. This is probably simple but I can't work it out.
    Thanks

    Here is an example of the method that Alancito mentioned: Opening Item in a New, Precisely Sized Window.
    OT
    Message was edited by: Old Toad

  • Send webpage, send text, and send image on the webpage I am currently browsing

    Can you please explain how I can send a webpage I am browsing by email? Is there an icon or add on feature on Mozilla that I can use?
    Thank you.

    First, please update Firefox to 16.0.2. [[Update Firefox to the latest version]]. Then try an addon such as [https://addons.mozilla.org/en-US/firefox/addon/email-this https://addons.mozilla.org/en-US/firefox/addon/email-this]

  • Space between text and images?

    I have a gallery of images with headings above them and am trying to change the distance between the text and the images. I have tried floats and padding but cant get it to work. My headings are in a table and my images are not so it seems that there is some sort of default padding between the images and the text tables.
    Here is a link..
    http://www.rsicorp.org/rsi/silvagilroy.html

    Copy & paste this into a new, blank html page.  It's a real quick and dirty layout but hopefully it will show you what you need to know.
    FYI Code errors do matter. 90% of browser rendering issues are directly related to code.  Trouble shooting is made that much easier when you work with clean code.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled</title>
    <style type="text/css">
    CSS layout modified by Alt-Web Design and Publishing www.alt-web.com 8/17/2010
    body {
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica,sans-serif;
    background: #FFF;
    text-align:center;
    #container {
    width : 1000px; /**adjust width in px, ems or % **/
    margin : 0 auto; /**centered on page**/
    border : 1px solid #020873;
    text-align : left;
    background: navy;
    #header {
    width: 100%;
    min-height: 100px; /**same height as background image; if none; remove height**/
    _height: 100px;
    padding:0;
    color: #FFF;
    #header h1 {
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    text-transform:uppercase;
    #header address {
    padding: 0 20px;
    font-size: 14px;
    font-weight:bold;
    #sidebar1 {
    width: 175px;
    height: 1%;
    padding: 15px 5px;
    /**to reduce float drop issues in IE6**/
    overflow: hidden;
    float: left;     
    color: #FFF;
    #mainContent {
    margin: 0 0 0 190px;
    background: #FFF;
    padding: 10px;
    #footer {
    padding: 0 10px;
    background:#DDD;
    clear: both;
    #footer p {
    margin: 0;
    padding: 10px 0;
    font-size: 12px;
    color: #CC3300;
    text-align: center;
    /**BEGIN PHOTOS**/
    /**this styles the image container**/
    #photos p {
    float:left;
    padding: 10px;
    border: 1px solid silver;
    /**this styles caption text**/
    font: italic 12px/1 Geneva, Arial, Helvetica, sans-serif;
    color: #666;
    text-align:center;
    line-height: 2em;
    margin: 22px;
    /**same size images recommended, adjust as req'rd**/
    #photos img {
    width:121px;
    height:90px
    /**photos float clearing**/
    .clearing {
    clear:left;
    height:1px;
    width: 100%;
    /**re-usable CLASSES**/
    .left {text-align: left}
    .center {text-align: center}
    .right {text-align:right}
    </style>
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of
    IE in this conditional comment */
    body {font-size: 76%}
    #sidebar1 {
    padding-top: 30px; word-wrap: break-word; }
    #mainContent { zoom: 100%; padding-top: 15px; }
    /* the above proprietary zoom property
    gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    </head>
    <body>
    <div id="container">
    <div id="header">
    <h1 class="right">Company Name </h1>
    <address class="right">
    address, city, state,
    telephone
    </address>
    <!-- end #header --> </div>
    <div id="sidebar1">
    <p>#sidebar1 = 175px wide + 10px padding </p>
    <p>insert your list menus here</p>
    <p>insert your ads here</p>
    <p> </p>
    <p>&lt;end of sidebar1&gt; </p>
    <!--end sidebar1 --> </div>
    <!--begin mainContent -->
    <div id="mainContent">
    <h1>#container = 1000px  </h1>
    <h1>#mainContent = left-margin 190px </h1>
    <h3>  </h3>
    <h3>Begin #Photos </h3>
    <!--begin photos -->
    <div id="photos">
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <p>optional caption<br />
    <img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
    <!--end photos --></div>
    <!--IMPORTANT! clear floats after photos div-->
    <hr class="clearing" />
    <!-- end #mainContent --></div>
    <div id="footer">
    <p>Your footer text goes here</p>
    <!-- end #footer --> </div>
    <!-- end #container --> </div>
    </body><!--end body -->
    </html> <!--end document -->
    Good luck with your project,
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Box containing text and image (fit frame to contents).

    Hi all,
    The best way I can describe what I am trying to achieve is to show you a picture.
    So essentially, I'm looking to create a grey box, containing some text with an image floating to the right hand side. I want about 2mm space (padding) inside the grey box so no content goes right to the edge and I want the text to wrap around the image. The bit I'm finding tricky is when I go to use the 'Fit frame to content' option. I'm trying to remove the space indicated by the red arrows but if I anchor the image inside the text frame, the grey box shrinks to the height of the text and the image overflows.
    This would be incredibly simple to achieve on the web, am I doing something wrong?
    Any help/direction would be greatly appreciated.

    Sorry, been out for an hour.
    I understood that you want to have some variable height text frame (the gray box), and that this box should reduce in height to fit the text contained therein, but not  less than necessary for the bottom to be 2mm below the bottom edge of the variable height image (which I'm presuming is anchored to the first line of text in the frame) in a case where there is not sufficient text for fit frame to content to avoide making the frame shorter than the bottom of the image.
    I believe this could be scripted, but that will still require you to run the script. You should ask over in InDesign Scripting
    As far as a container that holds both text and image frames, yes, but only if you "paste into" a new frame after creating the two separately and grouping, which probably is not what you have in mind.

Maybe you are looking for