This is a migrated thread and some comments may be shown as answers.

MouseOver event for Minimized OutlookBar

1 Answer 29 Views
OutlookBar
This is a migrated thread and some comments may be shown as answers.
Manikandan
Top achievements
Rank 1
Manikandan asked on 01 Aug 2013, 02:06 PM
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

1 Answer, 1 is accepted

Sort by
0
Pavel R. Pavlov
Telerik team
answered on 05 Aug 2013, 03:37 PM
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 >>
Tags
OutlookBar
Asked by
Manikandan
Top achievements
Rank 1
Answers by
Pavel R. Pavlov
Telerik team
Share this question
or