GridViewScrollViewer

4 posts, 0 answers
  1. Khor
    Khor avatar
    3 posts
    Member since:
    Mar 2015

    Posted 25 Mar 2015 Link to this post

    I would like to ask can we apply the blur effect(fading effect) on the edges of telerik gridviewscrollviewer?
    Thanks
  2. Stefan
    Admin
    Stefan avatar
    1073 posts

    Posted 27 Mar 2015 Link to this post

    Hello Khor,

    I recommend you applying this effect to RadGridView instead of GridViewScrollViewer, as it is the root visual element and affects GridViewScrollViewer's background:
    <telerik:RadGridView>
        <telerik:RadGridView.Effect>
            <DropShadowEffect BlurRadius="20"
                              ShadowDepth="0"/>
        </telerik:RadGridView.Effect>
    </telerik:RadGridView>


    If you need to apply the effect to GridViewScrollViewer though you can define it as an implicit style:
    <Storyboard x:Key="ShadowEffect" RepeatBehavior="Forever"/>
    <Style TargetType="telerik:GridViewScrollViewer">
        <Setter Property="telerik:RadGridView.Effect">
            <Setter.Value>
                <DropShadowEffect BlurRadius="20"
                                  ShadowDepth="0"/>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                <BeginStoryboard Storyboard="{StaticResource ShadowEffect}"/>
            </EventTrigger>
        </Style.Triggers>
    </Style>


    Best Regards,
    Stefan
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. Khor
    Khor avatar
    3 posts
    Member since:
    Mar 2015

    Posted 30 Mar 2015 in reply to Stefan Link to this post

    sorry for didn't clarify my question, i just want to apply on viewport of the scrollviewer.
    For example, if the right hand side of scroll viewer still have content, then the right edge will be blur/fade effect, until the user scroll to the end of the scroll viewer, it only render a clear edge.
    Anyhow u provided the concept for me, i will try to work it out myself. Thanks 
  4. Stefan
    Admin
    Stefan avatar
    1073 posts

    Posted 31 Mar 2015 Link to this post

    Hi Khor,

    After a short discussion with our development team this is the recommended approach to apply some blur effect to the grid. Any other modifications are not recommended due to the virtualized nature of the grid.

    Have a great day.

    Regards,
    Stefan
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top