Forums

 
  Support Forum  Modules  Engage: Rotator  template question
Previous Previous
 
Next Next
New Post 2/1/2009 9:59 PM
  Carl
14 posts
10th Level Poster


template question 
Modified By Carl  on 2/2/2009 10:14:44 AM)

How can I modify the default template (when no template is selected) to show the position thumbnails centered  in a horizontal position like below?

column 1 (content image)                                                                  column 2 (text)

position thumbnail1    position thumbnail2    position thumbnail3    position thumbnail4

 

Thanks for the help!

Carl

 

 
New Post 2/2/2009 9:45 AM
  Brian Dukes
498 posts
4th Level Poster


Re: template question 

I would start with the TwoColumn template (in Rotator Settings, choose that template from the drop down list on the Templates tab, then click Apply.  From there, go to the Position tab, and turn the position images on (probably using the "Display as a hyperlink that rotates the content when clicked" setting) and turn the previous, pause, and next buttons off, as well as the position counter.

That should get you most of the way there, showing the correct elements in a layout close to what you want.  The next steps will be to use a tool like Firebug for Firefox to inspect the page and figure out which CSS styles need to be changed.  You can then write overwriting styles in your Portal Stylesheet (on the Site Settings page).

Hope it helps,


Brian Dukes
Engage Software
St. Louis, MO
314.966.4000

The leading provider of DotNetNuke support, training and custom module development.
 
New Post 2/2/2009 10:21 AM
  Carl
14 posts
10th Level Poster


Re: template question 

Thanks Brian

Using the settings that you describe without specifying a templete gets me almost there but the position thumbnails are displayed vertical instead of horizontal. I will try the 2 column template and see what that does.

Carl

 
New Post 2/2/2009 10:26 AM
  Carl
14 posts
10th Level Poster


Re: template question 

Ok -- tried the 2 column and it works the same in that the position thumbnails are displayed vertically. I am not that fluent with css and am having trouble seeing where I can force the display of the position thumbnails to be horizontal. and centered beneath the 2 columns

thoughts or suggestions?

Thanks

 
New Post 2/2/2009 10:32 AM
  Brian Dukes
498 posts
4th Level Poster


Re: template question 

Carl,

The positions are displaying stacked because their surrounded by div elements, which display as blocks by default.  To change this, use the following style:

.rotatorControlsWrapper, .rotatorControlsWrapper div {
    display: inline;
}

After that, you'll probably just need to adjust padding and other spacing to fit your exact space.

Hope that helps,


Brian Dukes
Engage Software
St. Louis, MO
314.966.4000

The leading provider of DotNetNuke support, training and custom module development.
 
New Post 2/2/2009 1:20 PM
  Carl
14 posts
10th Level Poster


Re: template question 

That helped -- the thumbs now line up horizontally. I am now trying to find how to align the position thumb titles. Would this be done the same way?

Thanks so much for the help on this.

 
New Post 2/2/2009 1:41 PM
  Carl
14 posts
10th Level Poster


Re: template question 

Brian

I forgot to mention that I did not use the 2 column template as the position thumnails showed 2 up under the 1st column. So I switched to no template and got the desired result except the position thumbnail titles are not aligned under the image. So I am trying to figure out how to align them and I should be good to go. Any suggestions?

Carl

 
New Post 2/2/2009 2:01 PM
  Brian Dukes
498 posts
4th Level Poster


Re: template question 

You might want to try setting .rotatorPosition div, .rotatorPositionSelected div back to { display:block; } to get the labels to fall as you'd like

Hope it helps,


Brian Dukes
Engage Software
St. Louis, MO
314.966.4000

The leading provider of DotNetNuke support, training and custom module development.
 
New Post 2/2/2009 2:40 PM
  Carl
14 posts
10th Level Poster


Re: template question 

 I quit !

With my limited knowledge of css, this is taking me way too long to figure out. How much would you charge to create a template that will achieve the following:

2 column template with position thumbs and titles centered underneath both columns.

Image                                                                                                                                                      content

 

thumb1.gif           thumb2.gif         thumb3.gif        thumb4.gif
title1                    title2                       title3                   title4

 

your help would be greatly appreciated!!!!!!

 

 

 

 
Previous Previous
 
Next Next
  Support Forum  Modules  Engage: Rotator  template question

Purchase

Please click here to buy now.
Payment will be processed via credit card or PayPal.

Please click here to buy now.
Payment will be processed via credit card or PayPal.

Test Drive!

Want to find out how it works? Visit our demo site to see the modules in actions!

Want to find out how it works? Visit our demo site to see the modules in actions!

Subscribe

Sign up for our newsletter and get the latest product updates!

Sign up for our newsletter and get the latest product updates!

Online Support

Powered by DotNetNuke