Hi, I have to design a screen where there are 4 menu items. So I am thinking of using panel. For the title bar and the rest of the panel is in one color. But I have to separate the main Menu heading/title of the panel with a image or dotted line. I tried this, but I notice that there is more space than I want between the actual title and the dotted line. What css style can I use to reduce the space. If I have to use an image instead of the text tag, shd it be part of the title style? In both the case I want to control/reduce the space betn the title and the dottedline/image.
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute" xmlns:ct="*" width="100%" height="100%"> <mx:Style> </mx:Style> <mx:VBox backgroundColor="white" width="100%" height="100%"> <mx:Spacer height="5%"/> <mx:HBox height="90%"> <mx:Spacer width="10%"/> <mx:VBox width="40%" borderColor="red"> <mx:Panel title="1st Menu" borderStyle="none" headerHeight="15" fontSize="22"> <mx:Text text="............................" /> </mx:Panel> </mx:VBox> <mx:VBox width="40%" borderColor="red"> <mx:Panel title="3rd menu" borderStyle="none" headerHeight="15" fontSize="22"> <mx:Text text="............................"/> </mx:Panel> </mx:VBox> </mx:HBox> <mx:Spacer height="5%"/> </mx:VBox> <mx:Spacer height="5%"/> </mx:Application> Thanks -- You received this message because you are subscribed to the Google Groups "Flex India Community" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/flex_india?hl=en.
