0 Replies Latest reply on Aug 27, 2007 6:06 PM by jaswcomp

    ButtonBar styling.

    jaswcomp
      I'm having trouble stying the buttons in my mx:ButtonBar component:

      <mx:Styles>
      .projectsTreeMenuNewButtonStyle {
      icon: Embed(source="/assets/icons/project_new.png");
      }

      .projectsTreeMenuDeleteButtonStyle {
      icon: Embed(source="/assets/icons/project_delete.png");
      }
      </mx:Styles>

      <mx:ButtonBar id="projectsTreeMenu"
      paddingLeft="5" paddingTop="5"
      styleName="projectsTreeMenuStyle"
      buttonStyleName="projectsTreeMenuButtonStyle"
      firstButtonStyleName="projectsTreeMenuNewButtonStyle"
      lastButtonStyleName="projectsTreeMenuDeleteButtonStyle">
      <mx:dataProvider>
      <mx:Object label="New"/>
      <mx:Object label="Delete"/>
      </mx:dataProvider>
      </mx:ButtonBar>

      Never shows the icons? If use the properity icon="@Embed" method it works, but I want to control it via CSS so that I can have a different button for each state (disabled, etc.)
      I have verified that the images are available in the /assets/icons folder.