Rotator Reponsive design

3 posts, 0 answers
  1. Platinum
    Platinum avatar
    31 posts
    Member since:
    Jan 2008

    Posted 04 Sep 2016 Link to this post


    I am using Rotator to display banner images in the home page. I need to enable reponsive design for the various dimensions of the mobile devices.

    I have fixed the width to 100%, however for various screen size, the rotator does not seem to adjust.

    Please advise how to solve this issue



  2. Rumen
    Rumen avatar
    14324 posts

    Posted 05 Sep 2016 Link to this post


    The rotator itself may get 100% width, but this has some requirements and limitations (such as that the  Rotator's items have width in pixels) as described in the documentation:

    I suggest you take a look at the ImageGallery control, which offers responsive and adaptive rendering, to see if it will fit your needs: It also offers templates if you need more complex content:

    Here is a basic example:

    <telerik:RadImageGallery runat="server" ID="RadImageGallery1"  ImagesFolderPath="~/images" Width="100%"></telerik:RadImageGallery>

    You can use a template, add a data-* attribute  from the data source with the needed info to the clickable element in order to show additional text/controls/popups and know which one it is.

    Best regards,
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. RJ
    RJ avatar
    395 posts
    Member since:
    Oct 2006

    Posted 15 Sep 2016 in reply to Rumen Link to this post

    Can you add buttons here just like in dell's website? ->

    or other elements perhaps like list item which has datasource from database?

Back to Top