New features Please use http://kentico.uservoice.com as the primary place to submit your suggestions and allow others to vote for your ideas!
Version 4.x > New features > Content Slider - Numbers View modes: 
User avatar
Member
Member
chris-ces-events.co - 3/5/2009 12:58:54 PM
   
Content Slider - Numbers
Hi

How on earth can I get rid of the numbers in the grey boxes below images in content slider?

Chris

User avatar
Kentico Support
Kentico Support
kentico_jurajo - 3/10/2009 8:18:58 AM
   
RE:Content Slider - Numbers
Hi,

You need to change the code of the default web part. It is recommended to make a copy (clone) of the web part as described here - http://www.kentico.com/docs/devguide/modifying_the_design_of_standa.htm and then use this cloned web part.

Please find this file in your web project: \CMSWebParts\Viewers\ContentSlider.ascx.cs

Please find this statement around line 727:
for (int p = 0; p < index; p++)
{
bottomDiv += "<div class=\"PagerPage\" style=\"width:10px;\"><a id=\"" + this.ClientID + "_page_" + p + "\" href=\"#\" onclick=\"CurrentPage_" + this.ClientID + "=" + p + ";document.getElementById('" + this.ClientID + "_runSlider').style.display='inline';return false;\">" + (p + 1) + "</a></div>";
}

And comment out this FOR statement.

Best Regards,
Juraj Ondrus

User avatar
Member
Member
chris-ces-events.co - 3/13/2009 2:13:24 AM
   
RE:Content Slider - Numbers
Juraj

Is there a way of fading on top of the previous image without fading out so the background is not visible? I have tried to adjust the timings but didn't really work.

http://company-family-fun-day.co.uk will show what I mean, trying to not see the yellow background.

Chris

User avatar
Kentico Support
Kentico Support
kentico_jurajo - 3/13/2009 7:02:53 AM
   
RE:Content Slider - Numbers
Hi,

You need to modify the javascripts used for content slider. They should be placed here: \CMSWebParts\Viewers\ContentSlider_files\ContentSlider.js

You need to modify the fade in and out timers.

Best Regards,
Juraj Ondrus

User avatar
Member
Member
ldowdell - 5/3/2012 1:36:04 PM
   
RE:Content Slider - Numbers
I'm attempting to do the same thing, I don't want the background to show when it fades from one content to the other, but I didn't find your reply helpful. I've searched the javascript file and cannot see what I'm suppose to change to get this effect. Can you please provide more detail instructions. Thanks!

User avatar
Kentico Support
Kentico Support
kentico_jurajo - 5/3/2012 7:46:42 PM
   
RE:Content Slider - Numbers
Hi,

I am not sure what you mean right now - you need to change the fading out and in timers to fit your need or change the way how it fades out/in by modifying the javascript code according your needs in the turn page function.

Best regards,
Juraj Ondrus

User avatar
Member
Member
eyesea69-gmail - 6/5/2009 7:23:07 PM
   
RE:Content Slider - Numbers
I am trying to custom style the Content Slider and I have run into only two problems. The first is to get the pager to move from the bottom of the display to just below the picture (I have the Article Name and Article below the picture) and I want to use image buttons for the pager. I have tried to do the buttons on the pager CSS and editing the web part code, but with no luck. I was able to create a bar for the pager, but the numbers want to stack up vertically instead of lay out horizontally, this is the first time I have had this happen. Below is a picture of what I have so far, using Css and editing the image transformation.

User image

and this is what I am going for:

User image

I have been through a lot of the documentation for this, and things either don't apply to this particular webpart or the documentation ends up in dead links ( I am finding a lot of those on your site today)

Should I take the approach of creating a new content type and using a repeater? This has turned out to be much harder than I expected based on my past experiences with Kentico.
Thanks.

User avatar
Member
Member
eyesea69-gmail - 6/5/2009 9:18:49 PM
   
RE:Content Slider - Numbers
Okay, I am a little closer. I got the buttons figured out. I mis-typed the path in the CSS. I am still losing the right border on the photo.
I guess what I have to do is figure out where to divide the control up in the code-behind, add and extra div and move the bar up. Don't know if it's possible - I hope so.
If you could give me any hints on this that would be great. A shot of the progress.

User image

Thanks.

User avatar
Kentico Developer
Kentico Developer
kentico_zbysekn - 6/9/2009 3:59:57 AM
   
RE:Content Slider - Numbers
Hi,
it should be sufficient to use content before and content after properties to wrap the webpart code into div, for example
<div class="MySlider"> 


And then use following CSS property to set pager position.

.MySlider .Pager
{
position:relative;
top:-292px;
z-index:100;
}


Best Regards,
Zbysek Nemec.

User avatar
Member
Member
ldowdell - 5/3/2012 1:38:10 PM
   
RE:Content Slider - Numbers
Can someone supply an example of how to customize the paging text. I see that it uses a PagerPage class but I don't know what styles apply to that class. Any help with this Content Slider tool would be greatly appreciated. There really isn't enough documentation on it.

User avatar
Kentico Developer
Kentico Developer
kentico_helenag - 5/5/2012 7:26:18 AM
   
RE:Content Slider - Numbers
Hello,

how the page numbers should look like?

We use for example these styles for the pager on the sample Corporate site:

.Slider .Pager .PagerPage, .Slider .Pager .Control
{
float: left;
margin-right: 5px;
margin-top: 10px;
}

What version of Kentico CMS do you use?


Best regards,
Helena Grulichova

User avatar
Member
Member
eyesea69-gmail - 8/9/2009 5:16:27 PM
   
RE:Content Slider - Numbers
http://www.kentico.com/docs/devguide/modifying_the_design_of_standa.htm gets an error, has that content been moved. I can't seem to find the information.

User avatar
Kentico Support
Kentico Support
kentico_radekm - 8/10/2009 1:29:38 AM
   
RE:Content Slider - Numbers
Hello.

Could you please try to use following link?
http://devnet.kentico.com/docs/devguide/modifying_the_code_of_standard_web_parts.htm
Thank you.

Best Regards,
Radek Macalik
Support Engineer

User avatar
Member
Member
eyesea69-gmail - 8/10/2009 12:26:57 PM
   
RE:Content Slider - Numbers
I commented out the code you specified and it got rid of the numbers, but it also broke the layout for my webpart container. Perhaps a div is not getting closed? I commented out only the lines specified in your post -

for (int p = 0; p < index; p++)
{
bottomDiv += "<div class=\"PagerPage\" style=\"width:10px;\"><a id=\"" + this.ClientID + "_page_" + p + "\" href=\"#\" onclick=\"CurrentPage_" + this.ClientID + "=" + p + ";document.getElementById('" + this.ClientID + "_runSlider').style.display='inline';return false;\">" + (p + 1) + "</a></div>";
}
Perhaps I should comment out the whole if statement? Or do I need to do something else to close this off? I have looked it over, but I can't figure it out

User avatar
Kentico Developer
Kentico Developer
kentico_ondrejv - 8/17/2009 2:18:28 AM
   
RE:Content Slider - Numbers
Hello,

Yes, you should rather comment whole if statement. Could you please try to do that? I believe it might solve your issue.

Best regards
Ondrej Vasil

User avatar
Member
Member
chris-ces-events.co - 3/13/2009 2:06:46 AM
   
RE:Content Slider - Numbers
Thank you for the tip,