Public Forums 71,145 posts

[matchelo3 Friend matchelo3Join date: July 2013Posts: 14Downloads:149Uploads:0 Thanked: 1 times in 1 posts]

#189015

Im trying to resize spotlight positions with responsive off, but its not working.

Example in T3 Blank:

In GENERAL i have RESPONSIVE OFF

In LAYOUT, module positions i put 3 positions

In LAYOUT, responsive layout, normal tab in resized positions to: 7 / 3 / 2

SAVE

The site is with 3 columns, but still with same positions 4 / 4 / 4

Anyone help with this problem, please??

Look the complete code of that spotlight, how it is: (the problem is in red below)

<section class="container t3-sl t3-sl-1">
<!-- SPOTLIGHT -->
<div class="t3-spotlight t3-spotlight-1 row">
<div class="span4 item-first" data-default="span4" data-normal="span7">
<div class="mod-preview">
<div class="mod-preview-info">Position: position-1 [ Style: T3Xhtml outline]</div>
<div class="mod-preview-wrapper">
<div class="t3-module module " id="Mod0"><div class="module-inner"><div class="module-ct">position-1</div></div></div> </div>
</div>

</div>
<div class="span4 " data-default="span4" data-normal="span3">
<div class="mod-preview">
<div class="mod-preview-info">Position: position-2 [ Style: T3Xhtml outline]</div>
<div class="mod-preview-wrapper">
<div class="t3-module module " id="Mod0"><div class="module-inner"><div class="module-ct">position-2</div></div></div> </div>
</div>

</div>
<div class="span4 item-last" data-default="span4" data-normal="span2">
<div class="mod-preview">
<div class="mod-preview-info">Position: position-3 [ Style: T3Xhtml outline]</div>
<div class="mod-preview-wrapper">
<div class="t3-module module " id="Mod0"><div class="module-inner"><div class="module-ct">position-3</div></div></div> </div>
</div>

</div>
</div>
<!-- SPOTLIGHT --></section>

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499394

<blockquote>In LAYOUT, module positions i put 3 positions

In LAYOUT, responsive layout, normal tab in resized positions to: 7 / 3 / 2</blockquote>

+ I’m afraid I’m not quite getting what you are mentioning above. How can you put 3 positions in here?

+ In responsive layout tabs, the layout template will load Wide layout as default layout (not Normal) that’s reason why when you changed to NORMAL the layout template is not working.

[matchelo3 Friend matchelo3Join date: July 2013Posts: 14Downloads:149Uploads:0 Thanked: 1 times in 1 posts]

#499432

<em>@Ninja Lead 381225 wrote:</em><blockquote>+ I’m afraid I’m not quite getting what you are mentioning above. How can you put 3 positions in here?

+ In responsive layout tabs, the layout template will load Wide layout as default layout (not Normal) that’s reason why when you changed to NORMAL the layout template is not working.</blockquote>

These steps was given to me by JOOMART, you can see in comentary of youtube:
https://www.youtube.com/watch?feature=player_embedded&v=D6b1JDZDCQw

Even with WIDE Layout it’s not working. 🙁

It do the same error like i posted above, in red.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#499537

From code as you mentioned above

If resolution your device is with size from 980px ->1199px , your site will load normal with 3columns format

+ data-normal=”span7″
+ data-normal=”span3″
+ data-normal=”span2″

And resolution your device is from 1200px up to, it will load wide layout are span4 on 3columns.

[matchelo3 Friend matchelo3Join date: July 2013Posts: 14Downloads:149Uploads:0 Thanked: 1 times in 1 posts]

#499787

<em>@Ninja Lead 381411 wrote:</em><blockquote>From code as you mentioned above

If resolution your device is with size from 980px ->1199px , your site will load normal with 3columns format

+ data-normal=”span7″
+ data-normal=”span3″
+ data-normal=”span2″

And resolution your device is from 1200px up to, it will load wide layout are span4 on 3columns.</blockquote>

Yep, I know that.
But in responsive off its supose to be the same positions in all resolutions of screen, but its not working like that.

There is someting wrong that puts automatically that code in RED (see my 1st post) when responsive is off, and ignore the size positions.

The problem is there… 🙁

The T3 team dont help with that? thks.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#499846

Hi matchelo3,

When Responsive is OFF, all information in data-[wide, normal, …] will not work.

You need to enable Responsive if you want those information working.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. Ninja Lead

[matchelo3 Friend matchelo3Join date: July 2013Posts: 14Downloads:149Uploads:0 Thanked: 1 times in 1 posts]

#499896

<em>@Wall Crasher 381805 wrote:</em><blockquote>Hi matchelo3,

When Responsive is OFF, all information in data-[wide, normal, …] will not work.

You need to enable Responsive if you want those information working.

Regards</blockquote>

Hello, thanks to try to help. But my question in my first post is note that.

I want a site with responsive off! But the SIZE positions its not working. See my first post.

what I want to know is how to resize positions with responsive off.

Thk you.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#499955

Hi matchelo3,

You will be not able to resize the positions when Responsive is OFF.
Most sizing setting from backend will not work if you turn Responsive off.

Though, you can create a alternate markup, or use 3rd parameter of spotlight function to provide the default setting like this:

$this->spotlight ('spotlight-1', 'position-1, position-2, position-3', array(
'position-1' => array(
'default' => 'span4 item-first'
),
'position-2' => array(
'default' => 'span2'
),
'position-3' => array(
'default' => 'span6 item-last'
)
))

Hope it helps

Regards

[matchelo3 Friend matchelo3Join date: July 2013Posts: 14Downloads:149Uploads:0 Thanked: 1 times in 1 posts]

#502121

Hi Wall Crasher,

Thks for your help.

I will try your tip. behaps its not a “nice solution” to use T3 Framework. I think its the only thing its not so good in this framework.

Im doing a website with some diferents tempaltes in the same website, and now i have to change a lot of “blocks” in tamplate to work with responsive off.

I hope T3 Team resolve this little detail 🙂

Best regards, and thk you again! i will try it now.

[Author]

Posts