We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Rotator

Thread ID:

Created:

Updated:

Platform:

Replies:

127909 Dec 17,2016 09:39 AM UTC Dec 19,2016 12:51 PM UTC ASP.NET Web Forms 1
loading
Tags: Rotator
Martin Sickel
Asked On December 17, 2016 09:39 AM UTC

Dear All
I try to archieve the following,
I have setup a web page with rotator,
EnableResize="true"
SlideWidth="100%"
DisplayItemCount="3"
FrameSpace="0px"
SlideHeight="200px"
ShowPager="true"
AnimationSpeed="10000"
EnableAutoPlay="true"
ShowPlayButton="true"
Template="<div style='height:300px'>
${text}
${rain}
">
This works not so bad, except of one setting. The DisplayItemCount is not working, it will show up always only 1 item, what did I do wrong?
Thanks for helping.
Martin

Rekha J [Syncfusion]
Replied On December 19, 2016 12:51 PM UTC

Hi Martin, 
Thanks for Contacting Syncfusion support. 
Query: The DisplayItemCount is not working, it will show up always only 1 item, what did I do wrong? 

We have checked your query and we suggest to the following way to resolve it in your end. 
1.       Provide control wrapper width to resolve this issue. Based on this width, items are separated as in displayItemsCount value. 
   
<div class="control" style="width:400px;"> 
            <ej:Rotator ID="sliderContent" runat="server" 
                DisplayItemCount="3"                 
            </ej:Rotator> 
         </div>    
 
2.       We need to set “SlideWidth” property as properly for displaying items. While we have displayed only one item, we will give SlideWidth property as 100%. Based on displaying items count, we will separate the items width.  
For your convenience, please refer the below code snippet to achieve this. 
 
<ej:Rotator ID="sliderContent" runat="server" 
                EnableResize="true" 
                SlideWidth="33%" 
                DisplayItemCount="3" 
                FrameSpace="0px"                                 
            </ej:Rotator> 
 

For your reference, we have created a simple sample and the sample available in: 
We would be happy to assist you for further queries, 
Regards, 
Rekha. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;