Try Now
More in this section

Forums / Designing & Styling / Design Question (Twitter/Video)

Design Question (Twitter/Video)

2 posts, 0 answered
  1. jason
    jason avatar
    1 posts
    15 Feb 2013
    20 Feb 2013
    Link to this post

    Trying to get this ESPN style layout working. We want to have a video commercial playing where the big box is. with the 2 small boxes playing images that will rotate on a video with transitions. and the bottom. We want twitter to scroll on the bottom with our live updates. This photo contains a static image of twitter that i placed on the bottom, everything else displays (but videos don't loop). Could anyone help with looping videos and twitter to display on bottom?

  2. Jen Peleva
    Jen Peleva avatar
    568 posts
    10 Sep 2016
    25 Feb 2013
    Link to this post
    Hello Jason,

    Here's what you can do to achieve the scenario, displayed on the image:

    • You can use a rotator to rotate the sidebar images. Here are a few articles about how to create a rotator in Sitefinity and the demo of RadRotator:


    • For the Twitter feed you can use the out-of-the-box Twitter widget (under Toolbox -> Social). Here's more information on how it can be configured:
    • As for the looping of videos, this functionality is not available out-of-the-box, but you can create a custom media player control using the Telerik Silverlight Media Player. Then you should create a Silverlight based widget as described here
                <telerikMediaPlayer:RadMediaPlayer.Background >
                    <LinearGradientBrush EndPoint="0.5,1"
                        <GradientStop Color="#FF152865"    />
                        <GradientStop Color="#FFB4C2F0"
                                    Offset="1" />
    The above is a sample markup for the media player and the property needed to be set in order to have the looping functionality.

    Since the above is relatively time consuming scenario you could try implementing the HTML5 video player into Sitefinity. We have a blog post with step by step guidance on how you can achieve this.

    All the best,
    Jen Peleva
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
2 posts, 0 answered