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

Rotator Reponsive design

2 Answers 11 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Platinum
Top achievements
Rank 1
Platinum asked on 04 Sep 2016, 07:06 AM

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 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 05 Sep 2016, 02:49 PM
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.
0
RJ
Top achievements
Rank 1
answered on 15 Sep 2016, 07:45 PM

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?

Tags
Rotator
Asked by
Platinum
Top achievements
Rank 1
Answers by
Rumen
Telerik team
RJ
Top achievements
Rank 1
Share this question
or