0
Welcome Guest! Login
0 items Join Now

How to set a fixed template height, i.e. generating a "horizontal template"

Last Post
Search Topic

  • How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    • Hi,

      I have been working with Joomla for quite some time now and have used several of the RocketTheme templates which I like a lot. However, many of my customers don't want to scroll down for more than what a single screen can take and would prefer to have their templates in a fixed height, i.e. "horizontal templates".

      I have done some research but cannot really find a suitable Joomla / RocketTheme template which gives me a fixed height.

      What approach would you recommend ?

      I am thinking about changing some parameters in the index file but am unsure which are the right ones and how to change them without destroying the whole RocketTheme ? Change the settings for the Container or Contentpane, or something else ? Any what parameters do I have to use ?

      Or do I just have to wait for someone to develop such a "horizontal template" ...

      Thanks, I'd appreciate any help on this issue
    #144575

  • Re: How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    • you would need to make the outermost div have the following attributes:
      display: block;
      height: 500px; //set to whatever you want
      overflow: hidden; //set to overflow:auto; to have a scrollbar within the div

      the issue that you'll run into is the content itself. If you don't want scrollbars on the outermost div (overflow:auto), you'll have to make sure that all content fits in the area or it is going to get cut off. For that matter, if you are going to trim the content to fit in the vertical height, then fixing the height of the outer div isn't doing much.

      I'd advise you to play with it with Firebug to see what happens when you change the div attributes.
    #144585

  • Re: How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    • David,

      thanks for that super-fast response (amazing) !

      The changes would be required in the index file or the CSS file ?

      I will give it a try and I am sure that I could make the content fit by inserting page breaks in the text portions to avoid scroll bars. Scroll bars mostly don't look nice (at least I haven't found nice looking ones). I am not going to use a lot of items in the left and right positions, max. one or two, so that should work fine.

      I will let you know how far I get

      Hans
    #144588

  • Re: How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    • changes in /templates/rt_template_whatever/css/template_css.css

      Try it with firebug and see what you get. Post the URL here and someone will take a look at it if you like.
    #144590

  • Re: How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    • David,

      thanks for the recommendation to use Firebug for indentifying the code segments which have the effect on the (main body) height of the template.

      After a few experiments on the "Sporticus" template css I was able to spot the right portion in the template.css file which is the following (for Sporticus):

      .....
      div.mainbody {
      /* see body style css */
      padding: 10px; height: 500px;
      .....

      Not perfect yet ... but this gives me what I need for now.

      It would be great to see a "horizontal template" from RocketTheme some time soon ... the horizontal version is perfect if the amount of text on the individual pages isn't too large.

      Thanks again for saving this important issue for me and keep up the good work

      Hans
    #144718
    • Bob Ateah's Avatar
    • Bob Ateah
    • Elite Rocketeer
    • Posts: 4521
    • Thanks: 0

    Re: How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    • Johannes Bayer wrote:
      It would be great to see a "horizontal template" from RocketTheme some time soon ... the horizontal version is perfect if the amount of text on the individual pages isn't too large.

      You can control the width of many RT templates. ;)
    • The member formerly known as Roland Deschain
      After your question is solved, please Edit your original post and choose the Solved message icon, thank you!
    #144806

  • Re: How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    #145046
    • Bob Ateah's Avatar
    • Bob Ateah
    • Elite Rocketeer
    • Posts: 4521
    • Thanks: 0

    Re: How to set a fixed template height, i.e. generating a "horizontal template"

    Posted 17 years 2 months ago
    • I checked out the first link Johannes and I do not care for a horizontal layout at all.

      Studies have shown that the majority of users do not want to scroll horizontally.

      Give me a vertical layout no more than 2 screens high and I'm happy, I just do not see any advantage to a horizontal layout.

      Just my $0.02.
    • The member formerly known as Roland Deschain
      After your question is solved, please Edit your original post and choose the Solved message icon, thank you!
    #145094

Time to create page: 0.051 seconds