_______________________________________________
Peter, I tried using your entire CSS file instead of mine and the border around the MenuBar (not the ApplicationControlBar) still existed. I'm wondering, since I created this application using the original Flex Store sample as a template (not the Cairngorm version), if there is some low-level skinning that is buried in the framework, that I can't get to. The same goes for the highlighting of the top level menu items on roll-over. I can't change that either. This is such a trivial problem that I hate to ask, but I've spent a lot of time trying to fix it. I was hoping that someone could shed some light on what I'm missing. The code that I'm using is similar to that below.
Thanks so much in advance,
Tim Hoff
<-------------------------------------------------------
CSS
<-------------------------------------------------------
ApplicationControlBar {
backgroundColor: #27568D;
cornerRadius: 6;
shadowColor: #000000;
shadowDistance: 4;
shadowDirection: right;
highlightAlphas: 0, 0;
}
MenuBar {
backgroundColor: #ffffff;
backgroundAlpha: 1;
color: #ffffff;
fontWeight: "bold";
fontSize: 11;
textAlign: "center";
borderColor: #27568D;
fillAlphas: 1, 1;
fillColors: #27568D, #27568D;
}
Menu {
color: #131D22;
}
<-------------------------------------------------------
MXML & AS
<-------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
width="100%" height="100%" horizontalScrollPolicy="off">
<mx:Script>
<![CDATA[
import mx.controls.Menu;
import mx.events.*;
import org.ets.main.code.control.ApplicationController;
import org.nevis.cairngorm.control.CairngormEvent;
public function handleTopMenu(event:MenuEvent):void
{
var cairngormEvent:CairngormEvent = new CairngormEvent([EMAIL PROTECTED]);
dispatchEvent(cairngormEvent);
}
private function setMenuColors(mb:MenuBar):void
{
for (var i:int = 0; i < 2; i++)
{
mb.getMenuAt(i).setStyle('color', '#131D22');
}
}
]]>
</mx:Script>
<mx:XML format="e4x" id="topMenuData">
<root>
<menuitem label="Menu1">
<menuitem label="SubMenu1" event="{ ApplicationController.SUBEVENT1 }"/>
<menuitem label="SubMenu2" event="{ApplicationController.SUBEVENT1}"/>
</menuitem>
<menuitem label="Menu2" event="{ApplicationController.EVENT2}"/>
<menuitem label="Menu3" event="{ApplicationController.EVENT3}"/>
<menuitem label="Menu4" event="{ApplicationController.EVENT4}"/>
<menuitem label="Menu5" event="{ApplicationController.EVENT5}"/>
</root>
</mx:XML>
<mx:ApplicationControlBar width="100%" height="30"
styleName="colorControlBar">
<mx:Label text="companyName" width="230" styleName="whiteTitle" textAlign="left" />
<mx:Spacer width="100%"/>
<mx:MenuBar id="topMenuBar" labelField="@label" showRoot="false"
height="100%" width="100%" textAlign="left"
dataProvider="{topMenuData}"
creationComplete="setMenuColors(topMenuBar)"
change="handleTopMenu(event);">
</mx:MenuBar>
<mx:Spacer width="100%"/>
</mx:ApplicationControlBar>
</mx:VBox>
--- In [email protected], Peter Baird <[EMAIL PROTECTED]> wrote:
>
> Also, try setting all the paddings on the applicationControlBar to zero
> (paddingRight, paddingLeft, etc).
>
> Take a look at the source of the example here:
>
> http://weblogs.macromedia.com/mc/archives/2006/05/mac_os_x-lookin.cfm#commen
> ts
>
> Yes, there's still a border at the bottom, but it cleans up some of the
> other borders
>
> Other than that, I'm not sure what else you could do... Let us all know if
> you figure anything else out.
>
> -Peter
>
>
>
>
> On 5/11/06 2:25 PM, "Tim Hoff" [EMAIL PROTECTED] wrote:
>
> > Thanks Manish,
> >
> > The menuBar height is set to 100%. It's probably some funky
> > combination of CSS that I haven't found yet. No worries, I'll
> > figure it out.
> >
> > -TH
> >
> >
> > --- In [email protected], "Manish Jethani"
> > manish.jethani@ wrote:
> >>
> >> On 5/11/06, Tim Hoff TimHoff@ wrote:
> >>> Just another little thing that changed from B2 to B3. I have a
> >>> MenuBar in an ApplicationControlBar. The border color of the
> > MenuBar
> >>> is the same as the backgroundColor of the
> > ApplicationControlBar. What
> >>> appears is 3 sides of a border (L, R, B - no Top) in a darker
> > color,
> >>> around the MenuBar. I can't get rid of it.
> >>
> >> I don't have access to code now, but the recommended practice is to
> >> set the height of the MenuBar to 100% when it's inside a
> >> ApplicationControlBar.
> >>
> >
> >
> >
> >
> >
> >
> >
> > --
> > Flexcoders Mailing List
> > FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
> > Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
> > Yahoo! Groups Links
> >
> >
> >
> >
> >
> >
>
> 8888/ \8888® PETER BAIRD
> 888/ \888 User Experience Consultant
> 88/ / \88 Adobe Consulting | Adobe Systems, Inc
> 8/ /8\ \8 275 Grove St. Newton, MA
> / /888\ \ Office: 617.219.2126 | Cell: 617.803.6804
> \8\ AIM: pbaird00 | Y!IM: pbaird00
>
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
YAHOO! GROUPS LINKS
- Visit your group "flexcoders" on the web.
- To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
- Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
