1. WANTED: Forum Moderators >> and YOU can help!


    April Responsive Joomla template for Interior Design - JA Decor is out >> Demo | More info


    April Responsive Magento theme JM Leathercraft >> Demo | More info


User Tag List

+ Reply to Thread
 
Results 1 to 5 of 5
  1. #1


    Join Date
    Apr 2012
    Posts
    5
    Points
    17.49
    Downloads
    0
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 1 Time in 1 Post

    add width to block in t3 framework

    hi,

    I want to add different width for every block, but I can only use same width with this code:

    Code:
    	<blocks name="middle" colwidth="33">
    		<block name="right1"  style="jaxhtml">home1</block>
    		<block name="right2" style="jaxhtml">right</block>
    		<block name="left2" style="jaxhtml">main</block>
    	</blocks>
    How can I add colwidth for every block element?!

    for example 20% for home1, 40% for main, 20% for right position

    Pirooz bashid
    Best Regards,
    Novinfard

  2. #2


    Join Date
    Apr 2012
    Posts
    5
    Points
    17.49
    Downloads
    0
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 1 Time in 1 Post
    Please help, I can't migrate to other template framework because of this small issue, please help your framework users.

  3. #3

    winchester's Avatar
    Join Date
    Feb 2011
    Location
    Kingston, Jamaica
    Posts
    30
    Points
    100.91
    Downloads
    12
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    1
    Thanked 17 Times in 7 Posts
    I'm curious about this also. I tried to see if I could set different sizes to each column, but it just won't work from the layout.

    Anyways, this can be done using CSS.

    One question though. With your layout, you're expecting to have 4 columns, right?

    Code:
    | RIGHT1 | RIGHT2 | MAIN CONTENT | LEFT2 |
    Is this correct?

  4. #4


    Join Date
    Apr 2012
    Posts
    5
    Points
    17.49
    Downloads
    0
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 1 Time in 1 Post
    Thanks
    yes, that's right.
    Can you help me by explain some more details about this issue?

  5. #5

    winchester's Avatar
    Join Date
    Feb 2011
    Location
    Kingston, Jamaica
    Posts
    30
    Points
    100.91
    Downloads
    12
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    1
    Thanked 17 Times in 7 Posts
    Quote Originally Posted by novinfard View Post
    Thanks
    yes, that's right.
    Can you help me by explain some more details about this issue?
    Ok.. First of all the layout needs fixing. The style should be xhtml and not jaxhtml.
    HTML Code:
    	<blocks name="middle" colwidth="20">
    		<block name="right1"  style="xhtml">home1</block>
    		<block name="right2" style="xhtml">right</block>
    		<block name="left2" style="xhtml">main</block>
    	</blocks>
    The HTML this output should look like this
    HTML Code:
    <div id="ja-container">
        <div class="main">
            <div id="ja-mainbody">
                <div id="ja-main"></div> <!-- Main Content Area -->
                <div id="ja-left2"></div> <!-- Left Column (left2) Area -->
            </div>
    
            <div id="ja-right">
                <div id="ja-right1"></div> <!-- Right Column (right1) Area -->
                <div id="ja-right2"></div> <!-- Right Column (right2) Area -->
            </div>
    
        </div>
    </div>
    Once you've done this you can set the styling for them in your css file.

    Code:
    #ja-mainbody {width: 60% !important;} /* Holds the content area and left area */
    #ja-right {width: 40% !important;} /* Holds both right areas */
    
    #ja-main {width: 66.66% !important;} /* This is for the content area */
    #ja-left {width: 33.33% !important;} /* Holds both left areas */
    
    #ja-left2 {width: 100% !important;} /* This is for the left2 area */
    
    #ja-right1 {width: 20% !important;} /* This is for the right1 area */
    #ja-right2 {width: 20% !important;} /* This is for the right2 area */
    It going to look like this:

    Code:
    | LEFT2 | MAIN CONTENT | RIGHT1 | RIGHT2 |
    You might have to do some adjustments to the percentages depending on your styling, but this should do the trick.

    I hope this helps,

    Winchester

+ Reply to Thread

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Stop working on Weekend!X

If your Boss broke your Joomla template or extension and ask you to fix it today. Here is the immediate solution. Then leave your request on the right forum, we will be helping after the Weekend Happy hours
Our Happy Hours: Friday 18:00 - Monday 9:00

No working during happy hours. Keep calm and don't break anything.