Select to view content in your preferred language

How to remove drop shadow filter from Navigation Widget?

1014
4
Jump to solution
08-22-2013 10:32 AM
DavidBoiano
Deactivated User
Hello,

I am driving myself crazy trying to make all these seemingly simple tweaks to make my Flexviewer application look more simplistic.  I was able to comment out the DropShadowFilter that was part of the HeaderController widget, but I can't locate where to remove this shadow from the Navigation Widget.  Thus far I have removed the rollOver events to remove the fade in/out feature directly from the NavigationWidget.mxml file.  I can't find the drop shadow as part of a skin, style, or xml config.

[ATTACH=CONFIG]26898[/ATTACH]

Any help is greatly appreciated!!!

Thanks,

David
Tags (2)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus
David,

   In the Navigation.mxml just comment out or delete this code:

    <s:filters>         <s:DropShadowFilter alpha="0.5"                             blurX="10"                             blurY="10"/>     </s:filters>

View solution in original post

0 Kudos
4 Replies
RobertScheitlin__GISP
MVP Emeritus
David,

   In the Navigation.mxml just comment out or delete this code:

    <s:filters>         <s:DropShadowFilter alpha="0.5"                             blurX="10"                             blurY="10"/>     </s:filters>
0 Kudos
DavidBoiano
Deactivated User
Thank you, Robert!  You are the cure to my headaches.  I think I am still struggling with the overall Viewer architecture and where/when/why one application/skin is called or takes precedence over another....but I am learning!

As you might know, my end goal is trying to make my application look like the default look of the Flex API components.  Now that the shadow is removed, all that seems left to complete the Navigation Widget is to round out the top and bottom more (a cornerRadius property somewhere?) and match the shade of gray to the darker one.

Do either of these items stand out as an easy fix or something you know offhand? I can try my best to match color by sight but I have been at a loss determining how to round it out more.

Best,

David
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
David,

   Both can be found in the NavigationSkin.mxml:

    <s:Rect left="0" right="0" top="0" bottom="0"
            radiusX="3"
            radiusY="3">
        <s:fill>
            <s:SolidColor alpha="{getStyle('contentBackgroundAlpha')}" color="{getStyle('contentBackgroundColor')}"/>
        </s:fill>
    </s:Rect>
0 Kudos
DavidBoiano
Deactivated User
Many thanks.

I had made those changes to a new "MyNavigationSkin" and then never referenced it so the changes didn't take effect.  Looks correct now, finally! Thanks again.

David
0 Kudos