Accordion header issue

How to achieve accordion header visible to true/false, without add/remove child?

var style1 = new TextField.StyleSheet();
style1.setStyle("mm", {fontFamily:'Arial,sans-serif',
fontSize:'11px', color:'#6666ff'}); //internal css
my_label.autoSize = true; /// -------- already created a
label (my_label) instance --------
my_label.styleSheet = style1;
my_label.html = true;
my_label.text = "<mm> My Sub menu1</mm>";

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

  • Assigning a child button to Accordion header

    I have an Accordion control with several panels. Each header
    has an icon and a title. I need to add a child button to the
    Accordion header (which is a Button itself and not a container, but
    it should be OK). I want to place it on te right side of the
    header. I create a 20 x 20 button and add it to the Accordion
    header, as a child. I want to place it on the right corner of the
    Accordion header, but I am unable to get accurate size measurements
    of the header. What I thought would work (using the Accordion
    derived custom class) would be ....
    for(var i:int=0; i<numChildren; i++)
    var header:mx.controls.Button = getHeaderAt(i);
    header.addChild(minusButton);
    super.measure();
    minusButton.x = header.measuredWidth - 20;
    but the measureed width always comes up as zero, as opposed
    to the actual width of the header? Any ideas what I am doing
    wrong?

    Set the button's "In" parameter to the same MIDI message your controller is sending.
    Now when the button receives a MIDI input with the matching message, it will trigger.
    You'll obviously need an environment cable path so that incoming MIDI can reach the button, by whatever means is appropriate.

  • Adding a Buttton To An Accordion Header

    I am dynamically creating an Accordion at run time. I place a
    new panel in the Accordion which generates a new Accordion header
    that I attribute an icon to. All good so far. I need to dynamically
    place +/- buttons on the right side of each header to give the user
    the ability to replicate, or delete the panel/Accordion component.
    I can't seem to addChild to the header with a child button. The
    Accordion header is a button itself and not a container. I started
    to create a custom MXML module extending Button, which I intended
    to substitute via the headerRenderer if I could work something out,
    but that also will not allow me to drop anything onto the
    component, as it is not a container.
    Is there any way to do what I am trying to accomplish?

    nikkib04 wrote:
    I tried exactly what you said and here are the photos. Will they fit in the boxes to cover the black background without stretching the picture? I did not see a option to fit the photos into each black square.
    Why not make your own montage?
    Photoshop Elements Techniques, Tutorials, Downloads, Video Tips, Newsletter and more - Photoshop Elements User
    For Yohl - Birthday Photo Collage Instructions - Elements Village

  • 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

  • S_ALR_87012168 List Header Issue

    Dear Friends,
    I Am facing problem to resolve the issue as in the standard FI Report S_ALR_87012168 need to hide the list header because if I am executing the report for multiple customers than its displying the all customers in list header so while I am scheduling background job or printing than its printing all the customers in each page than the report data..
    Kindly suggest me how to hide the list header, is there any standard cutomizing or enhancement.
    Thanks,
    DTK

    Hiya
    Click on the Currency icon {Ctrl + Shift + F9} and select whatever currency you want it to be displayed on.
    It gets converted. Then when you hit the green arrow back, it will sk you whether you want to save the data, if you click yes it gets saved.
    Then everytime you execute this report, it will ask you, which layout you want to be displayed as the output - and you can select the one that you saved.  And it aint user specfic either. The pop up Qs comes up for all users.
    Rukshana

  • XML publisher report header issue

    Hi,
    I am facing a unique issue. The problem is : I have two groups: One is with Organization and other at employee level. For each organization I need to reset the page numbers. That I could achieve using @section. I need to put a page break for every employee. And the new employee name should go into the report header(should be repeating at all the pages of the report till the employee name for that org is not changing. Also the page number should not be reset at employee level). The report header is something like :
    Organization:
    Employee name:
    Date:
    For me the first employee name is repeating in all the pages. Please advice if anyone has worked on similar situation. I had posted this question in BI standard edition forum but have not received any reply. I guess I posted it in wrong forum..
    Thanks,
    Sid..

    Hi,
    Use the start:body syntax and move the header items into the main part of the document before the start:body tag. Put a page break before the end for each of your employee group.
    Regards,
    Gareth
    Blog: http://garethroberts.blogspot.com/

  • ContentType in HTTP Header issue while sending webservice request

    I have a client application deployed on weblogic10.3.4 which access a remote web application (on websphere5.1).
    The soap request fails because WebSphere5.1 does not accept double quote around utf-8 in ContentType header of HTTP.
    e.g:
    Content-Type: text/xml;charset=utf-8 is valid
    Content-Type: text/xml;charset="utf-8" is not valid
    This can be fixed on glassfish by upgrading metro library.
    But how can I fix this problems on weblogic server?
    I found weblogic8.1 doc which says this issue has been fixed (CR198996), but why does it still exist on 10.3.4?
    Any suggestions would be appreciate.

    Hi _MiRichter,
    Well Done!
    Thank you very much for sharing the solution to us.
    Best Regards,
    Amy Peng
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Spry Accordion IE6 issue

    I have created an image for the accordion tab panel (c.g the heading of the accordion menu). I then created a hotspot on the image to go directly to that site without having to open the accordion menu. However in IE6 the hotspot is ignored and the panel just opens up and down it doesn't go to the respected link. I tried it in Firefox and it works as designed. I am curious if there is an IE 6 fix.
    Thanks

    Ben, it is more then just a hotspot it is a hotspot on the accordion panel. Here is the code. As I mention before it works in firefox just not IE6.
    <!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>
    <title>None</title>
    <link href="_css/stylesj.css" rel="stylesheet" type="text/css" />
    <link href="_css/NoeditN.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBarprocess.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryTooltip.js" type="text/javascript"></script>
    <script type="text/javascript">
    </script>
    <link href="SpryAssets/SpryAccordionprocessjk.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <td width="299" align="center" valign="top" bgcolor="#FFFFFF">
                             <div id="Accordion1" class="Accordion" tabindex="0">
                               <div class="AccordionPanel">
                                 <div class="AccordionPanelTab2">
                                   <a class="MenuBarItemSubmenu" href="#"><img src="_images/brown_btn1.jpg" width="240" height="36" border="0" />
                                     </a>
                                   </div>
                                 <div class="AccordionPanelContent">
                                    <br /> <br /> <br /> <br /> 
                                 </div>
                                 </div>
                               </div></td>
                           <td width="299" align="center" valign="top" bgcolor="#FFFFFF"><div id="Accordion2" class="Accordion" tabindex="1">
                             <div class="AccordionPanel">
                               <div class="AccordionPanelTab2">
                                 <a class="MenuBarItemSubmenu" href="#"><img src="_images/brown_btn2.jpg" width="240" height="36" border="0" usemap="#Map2"/></a>
                    </div>
                               <div class="AccordionPanelContent"> -<a href="r">Define Test Requirements</a><br />
                                 - <a href="#">Specification</a><br />
                                 - <a href="y">Maintenance Requirements</a><br />
                                 - <a href="w">Customer Requirements</a><br>
                               </div></div></div>
                             </td>
                           <td width="249" align="center" valign="top" bgcolor="#FFFFFF"><div id="Accordion3" class="Accordion" tabindex="2">
                             <div class="AccordionPanel">
                               <div class="AccordionPanelTab2"><a class="MenuBarItemSubmenu" href="#"><img src="_images/brown_btn3.jpg" width="240" height="36" border="0" /></a></div>
                               <div class="AccordionPanelContent">
                                 - <a href="#">Deliver Parts</a><br />
                      - <a href="#">Perform</a><br />
                      - <a href="#">Configuration</a><br />
      </div>
                               </div>
                             </div>
                             </td>
    <map name="Map2" id="Map2">
      <area shape="rect" coords="15,11,41,26" href="http://http://www.Hollywood.com"/>
                                </map>
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {useFixedPanelHeights:false, defaultPanel:-1} );
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {useFixedPanelHeights:false, defaultPanel:-1});
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {useFixedPanelHeights:false, defaultPanel:-1 });
    //-->
    </script>
    </body>
    </html>

  • Spry Accordion Display Issue

    Hi guys
    I have tried to implement a Spry Accordion function using DW CS3 to allow me to display current and previous news on a website, however I am having issues with getting it to display properly. You can view the page here: http://www.amiante.co.uk/news.html
    When testing the site in various browsers I noticed a glaring issue, underneath the According there is a massive white space, which to me appears to be the space that would be taken up if each panel of the according were to be opened at the same time....
    This issue occurs in Firefox 3.5.3, Safari 4.0.3, Opera 10.0 and Google Chrome 3.0.195. It seems to work faultlessly in IE 8, IE 7 and IE 6.
    The confusing aspect is that if you zoom in (ctrl +) and zoom out (ctrl -) it seems to remove the white spacing.
    If anyone has any idea of what is causing this I would be delighted to hear from you!
    Thanks in advance.
    Mackenzie

    Thank you so very much, I appreciate the quick response. However, I still have one small issue. For some unknown reason the bluestar tab does not show the star. It shows the tab, but no star. I've got it labeled correctly and it's pointing to the correct files, but I get the blue by itself. I know it must be a very simple solution and I must be doing something incorrect.
    the files are under:
    images/accordion/accordion_tabs_bluestar.jpg, and accordion_tabs_redwhite.jpg. The redwhite shows up. This is driving me nuts! I even went back and re-did the image file and saved it again, but all I get is the blue without the star. Can it be that the image is too big and cutting off the star that is to the right of it?
    Thank you so much, I do greatly appreciate your kind help.
    the other one is
    The code was copied and pasted exactly as was suggested. There is no other blue tab file on the server, so I am confused just a bit.
    Thanks again for helping an newbie, I appreciate it.

  • Spry Accordion Image Issue

    I have inserted a Spry Accordion in Dreamweaver CS5, however, I'm having issues with the viewing of the tabs on load, on hover, etc. I want a dark blue tab on load, have it change to a wavy red white tab, and when opened go to a dark blue tab with a star. I can never get this to work as I want. I've checked the image files and they are labeled correctly. The test site is www.sbcvote.us/index_spry.html
    I am a novice, and really have a hard time on this issue, that no doubt is not that complicated to those that know.
    Thank you in advance for your help.
    On my index page I have the css page reference.
    <link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    the css code is:
    .AccordionPanelTab {
    border-top: solid 1px black;
    border-bottom: solid 1px gray;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    font:Verdana, Geneva, sans-serif;
    color:#FFF;
    font-weight:bold;
    background:(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* This is the selector for a Panel's Content area. It's important to note that
    * you should never put any padding on the panel's content area if you plan to
    * use the Accordions panel animations. Placing a non-zero padding on the content
    * area can cause the accordion to abruptly grow in height while the panels animate.
    * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
    * Content container.
    * The name of the class ("AccordionPanelContent") used in this selector is not necessary
    * to make the widget function. You can use any class name you want to style an
    * accordion panel content container.
    .AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: 200px;
    background-color:#EEE;
    /* This is an example of how to change the appearance of the panel tab that is
    * currently open. The class "AccordionPanelOpen" is programatically added and removed
    * from panels as the user clicks on the tabs within the Accordion.
    .AccordionPanelOpen .AccordionPanelTab {
    background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* This is an example of how to change the appearance of the panel tab as the
    * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
    * and removed from panel tab containers as the mouse enters and exits the tab container.
    .AccordionPanelTabHover {
    background:url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
    .AccordionPanelOpen .AccordionPanelTabHover {
    background: url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
    /* This is an example of how to change the appearance of all the panel tabs when the
    * Accordion has focus. The "AccordionFocused" class is programatically added and removed
    * whenever the Accordion gains or loses keyboard focus.
    .AccordionFocused .AccordionPanelTab {
    background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* This is an example of how to change the appearance of the panel tab that is
    * currently open when the Accordion has focus.
    .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
    /* Rules for Printing */
    @media print {
      .Accordion {
      overflow: visible !important;
      .AccordionPanelContent {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    background-color: #EEE;

    Thank you so very much, I appreciate the quick response. However, I still have one small issue. For some unknown reason the bluestar tab does not show the star. It shows the tab, but no star. I've got it labeled correctly and it's pointing to the correct files, but I get the blue by itself. I know it must be a very simple solution and I must be doing something incorrect.
    the files are under:
    images/accordion/accordion_tabs_bluestar.jpg, and accordion_tabs_redwhite.jpg. The redwhite shows up. This is driving me nuts! I even went back and re-did the image file and saved it again, but all I get is the blue without the star. Can it be that the image is too big and cutting off the star that is to the right of it?
    Thank you so much, I do greatly appreciate your kind help.
    the other one is
    The code was copied and pasted exactly as was suggested. There is no other blue tab file on the server, so I am confused just a bit.
    Thanks again for helping an newbie, I appreciate it.

  • Accordion Panel issue?

    I am trying to rearrange the order of my accordion  pannels but can't seem to change the stacking order by dragging one panel above the other. Well I should say I can do it but not to the very top ie: panel 3 created but now I want it in the panel 1 spot. Any work arounds or suggestoins.
    Thanks

    Well, I went into my site and discovered I "worked around" that issue. So, I don't feel like messing with the accordion panel as it has 8 seperate panels and it took me a very long time to redo (alot of typing) it. If I messed it up or crashed.... I would not be a happy camper. Anyhow thanks for the response. If I create a new one I will check it out.
    Thanks,
    Ed

  • Wrapping text - accordion header

    I'm new at this and I need to be able to wrap text in
    something like (okay... just like) an accordion. That is to say I
    have a fixed width to deal with and will be dynamically generating
    the 'label'. I have read that the label merely sets the text of the
    button that is the header but my question is this: is there an
    override for this button (can something other than a button,
    something that supports word wrap, be the header?) or is there a
    clever trick using a particular child of the accordion that will
    allow me to set text that will wrap? Seems like I can't be the only
    one to have run into this before.... any help is greatly
    appreciated. Thanks.
    ~colo_fish.

    hmm understand the problem , think the normal behaviour fits
    in most cases (also the complete label is displayed when mouse is
    moved above the accodian button).
    If you like to try a workaround I would suggest to overwrite
    the mx.containers.accordionClasses.AccordionHeader and create a
    your own button class, who handle the wrapping/resizing when label
    exceeds the current width. But this might not be very easy, cause
    you have to take care about font sizes etc.
    best regards,
    kcell

  • Accordion link issues IE

    Hi,
    I'm writing a site for work and I decided to use the spry
    accordion.
    I'm having an issue at the moment with the links in the
    accordion content divs when I have an overflow
    I have specified a height on the div and if the content takes
    up more than the height of the div, I have put an overflow in
    place. (standard thing to do)
    But the issue is that all the links stay stationary and do
    not move when scrolling up or down when the overflow is active.
    This problem only happens in IE6, 7. I've tried quite a few
    different way to see if I can get the links to follow the scroll,
    but nothing seems to work.
    Please help me.
    Pete.

    .AccordionPanelClosed {
    overflow:hidden;
    height:39px;
    Add above to your CSS

  • Accordion Height Issue

    I have apage I am working on and testing the Spry and various
    elements on...
    http://www.tommylogic.com/web-design/
    I have the tabs opening fine now and all styled like I want
    it. The issue I am having is on 3 items:
    - When I first try to open and close the panels, the first
    click never opens it. Only after the 2nd or thrird click or tab
    that I click on.
    - When they do open, they open in consistent heights,
    sometimes with a scrollbar, sometimes not.
    -Then when I get one open it wont always show all the
    content in that particular panel <div>.
    - If I close specific panel that is open first, then open
    the new panel, it seems to do a bit better, but not always the
    same.
    I am passing it through like this
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    var acc8 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    All the heights are cleared in the CSS as well.
    Any clues?
    //////////////////////// resolution
    removed extra line and changed var to Accordion1
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    and some minor css tweaks in there as well.
    Thanks Anyway... -T

    Wrap the Accordion in a VBox and you should be all set.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
      creationComplete="init();">
      <mx:Script>
        <![CDATA[
          import mx.containers.VBox;
          private function init():void{
            for(var a:uint=0;a<100;a++){
              var vb:VBox = new VBox();
              vb.label = "MyVBox" + a;
              vb.width = 200;
              vb.height = 100;
              acc.addChild(vb);
        ]]>
      </mx:Script>
      <mx:HDividedBox width="100%" height="100%">
        <mx:VBox width="50%" height="100%"/>
        <mx:VDividedBox width="50%" height="100%">
          <mx:VBox width="100%" height="50%"/>
          <mx:VBox width="100%" height="50%">
            <mx:Accordion id="acc" width="100%" height="50%"/>     
          </mx:VBox>
        </mx:VDividedBox>
      </mx:HDividedBox>
    </mx:Application>
    If this post answers your question or helps, please mark it as such.
    Greg Lafrance - Flex 2 and 3 ACE certified
    www.ChikaraDev.com
    Flex / AIR Development, Training, and Support Services

Maybe you are looking for

  • HT1918 how do i remove my credit card on my iphone?

    i put my credit card in my itunes and i want to remove it but it wont let me i dont have a none botton so how do i remove it because i cant updates app or download free apps because it says there is a problem with my billing information

  • Scheduling a report in WebI

    Under the Recurrence tab, when selecting a date range the date appears in DD/MM/YYYY format. How is the default changed to reflect MM/DD/YYYY. Another issue is that the description is Date and Time and the fields are reversed as Time Date.  Thanks

  • No alerts in Setup Monitoring / Keine Alerts bei Systemu00FCberwachung

    Hello together. After a long search on the internet, and after reading a mass of books about this, i have no clue, why it isn't working... I try to create a monitoring for some of our ERP-Systems with the SAP Solution Manger (7.0). I edited the RFC-c

  • Complaints Categories

    Dear friends, Please i want to know how to escalate specific category in complaints to specific employee responsible automatically by the system in order to solve or close this complaint. Best Regards, Mohamed

  • My imac superdrive keeps ejecting my install disk .

    I keep having freeze issues and would like to boot up on my install disk so I can use disk repair. However it will not accept the disk. It just ejects it. help <Edited By Host>