Rotator Reponsive design

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

    Posted 04 Sep Link to this post

    Hi,

    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
    Admin
    Rumen avatar
    12851 posts

    Posted 05 Sep Link to this post

    Hi,

    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: http://docs.telerik.com/devtools/aspnet-ajax/controls/rotator/mobile-support/fluid-capabilities.

    I suggest you take a look at the ImageGallery control, which offers responsive and adaptive rendering, to see if it will fit your needs: http://demos.telerik.com/aspnet-ajax/image-gallery/examples/overview/defaultcs.aspx. It also offers templates if you need more complex content: http://demos.telerik.com/aspnet-ajax/image-gallery/examples/functionality/templates/defaultcs.aspx.

    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,
    Rumen
    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. RJ
    RJ avatar
    386 posts
    Member since:
    Oct 2006

    Posted 15 Sep in reply to Rumen Link to this post

    Can you add buttons here just like in dell's website? -> http://www.dell.com/

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

Back to Top