Design and CSS styles
Version 5.x > Design and CSS styles > Creating Custom designed pager for lightbox View modes: 
User avatar
Member
Member
tamir@high-way.co.il - 8/15/2011 8:09:22 AM
   
Creating Custom designed pager for lightbox
Hi all ,

Im having a client request for a custom pager that looks like this

< Image1 image2 >

instead of today regular :

Image1 Image2
<< < 1 - 2 > >>

What will be the easiest approach ?
I don't have problems with coding or scripting I just don't want to get lost.

CMS 5
Server editon - Mixed mode.

Thank you

User avatar
Kentico Developer
Kentico Developer
kentico_ivanat - 8/16/2011 3:00:17 AM
   
RE:Creating Custom designed pager for lightbox
Hi,

are you looking for pager or some content slider similar to the following?
moving boxes

In the example above are available files for download so you can use it.

You can create a custom pager as well. It is described here:
paging controls

Best regards,
Ivana Tomanickova


User avatar
Member
Member
tamir@high-way.co.il - 8/22/2011 9:38:47 AM
   
RE:Creating Custom designed pager for lightbox
This is somthing like the moving boxes but much simpler.

the unipager is not good for me as again there is a pager under the lightbox

what im looking for is a container that can be described as 4 cells table
1st cell contains "<"
2nd and 3rd cell contains "image thumbnail"
4th cell contains ">"

the "<>" signs / links are centered to the images not under or on top.
it is also the image of the shape "<" not the keybord sign.

thank you.

User avatar
Kentico Developer
Kentico Developer
kentico_helenag - 8/25/2011 3:49:07 AM
   
RE:Creating Custom designed pager for lightbox
Hello,


have you tried the Universal pager web part? It is a portal engine equivalent of the UniPager control and you can find it in Listings and viewers -> Universal Pager.

You can set up all the navigation parts as you need. You can leave transformation of this pager blank, if you do not want to display them. You can find a working sample on the Corporate site: /Examples/Web parts/Data sources/Data source with datalist .


Best regards,
Helena Grulichova


User avatar
Member
Member
tamir@high-way.co.il - 9/20/2011 4:24:17 AM
   
RE:Creating Custom designed pager for lightbox
Hi There Helena,

Thank you.

I didn't manage to get what i wanted or even to make this work.

im attaching an image of the final requested result asked by the client, can you take look and see if this possible or i need to create a new web control.
thank you.

User image

please note the images and the pager on sides. thanks
tamir

User avatar
Kentico Developer
Kentico Developer
kentico_helenag - 9/21/2011 5:10:49 AM
   
RE:Creating Custom designed pager for lightbox
Hi Tamir,


you can place the items of UniPager anywhere using CSS styles. I am not sure what web part you use to display the images but using CSS positioning you can place the Prev and Next signs anywhere. Of course, you can also develop a custom web part and make the table layout as you need.


Best regards,
Helena Grulichova

User avatar
Member
Member
tamir@high-way.co.il - 9/25/2011 9:07:14 AM
   
RE:Creating Custom designed pager for lightbox
Hi Thank you Helena.

It helped me getting to the following results. but im not able to call the lightbox transformation.

User image

it is not showing the image
can you please assist me clear this out?

thanks

User avatar
Kentico Developer
Kentico Developer
kentico_helenag - 9/26/2011 2:02:40 AM
   
RE:Creating Custom designed pager for lightbox
Hello,


What web part do you use? The Lightbox transformations work with Lightbox web parts not independently.


Best regards,
Helena Grulichova