MouseOver event for Minimized OutlookBar

2 posts, 0 answers
  1. Manikandan
    Manikandan avatar
    15 posts
    Member since:
    Jul 2013

    Posted 01 Aug 2013 Link to this post

    Hi Telerik Team,

    Want to evaluate RadControls for the new project.

    Is there any default event responsible for color change on mouse over of the minimized outlookbar?

    If yes, how to alter that event? Please reply.

    Thanks
    Manikandan
  2. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 05 Aug 2013 Link to this post

    Hello Manikandan,

    Let me make a quick clarification. The RadOutlookBar control uses the VisualStateManager to change parts of its template under certain conditions and this is why no events are exposed. If you edit the default template of the control you will be able to customize the look of the states that are available for the control.

    For example this VisualStateGroup

    <VisualStateGroup x:Name="MinimizedModeStates">
        <VisualState x:Name="Restored">
            <Storyboard>
                <DoubleAnimation Duration="0"
                                 From="0"
                                 Storyboard.TargetName="ContentElement"
                                 Storyboard.TargetProperty="(UIElement.Opacity)"
                                 To="1" />
                <DoubleAnimation Duration="0"
                                 From="0"
                                 Storyboard.TargetName="TitleElement"
                                 Storyboard.TargetProperty="(UIElement.Opacity)"
                                 To="1" />
            </Storyboard>
        </VisualState>
        <VisualState x:Name="Minimized">
            <Storyboard>
                <DoubleAnimation Duration="0"
                                 From="1"
                                 Storyboard.TargetName="TitleElement"
                                 Storyboard.TargetProperty="(UIElement.Opacity)"
                                 To="0" />
            </Storyboard>
        </VisualState>
    </VisualStateGroup>
    Toggles the Opacity property of a ContentPresenter called "ContentElement" depending on the state of the control. Furthermore, you can find that ContentPresenter in the default Template of the control and customize the properties that you need.

    In order to access the default Template of the RadOutlookBar you can follow the approach described here. When you extract it you will be able to fully customize the control.

    However, I am not sure which part of the minimized RadOutlookBar control you need to style. Can you please elaborate more on your requirements. If you need to customize the RadDropDownButton called "MinimizedContentElement" you can edit the Border element called "MouseOverVisual" which is defined in the Style with x:Key="MinimizedContentButtonStyle"

    You can take a look at the attachment of this post, where I extracted the default Template of the RadOutlookBar control along with all resources and additional templates that are used in it. Please take a look at it and try to customize the already mentioned Border. Don't hesitate to ask if you need any further assistance.

    Regards,
    Pavel R. Pavlov
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for SILVERLIGHT.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
  3. DevCraft banner
Back to Top