Number Of Columns in Posts for Joomla

Vitaliy WD
347 Posts
Vitaliy WD posted this 21 June 2015

Hello.

It would be great to fix Number Of Columns in Posts control for better work with native Joomla options.

Where is a problem: if we set 2 columns in Themler, but in Joomla set option "# Leading Articles" - this leading articles not shown in full width.

Second problem: if we set "# Columns" in Joomla, but in Themler we leave empty columns field for some devices (Desktop, Laptop, Table - empty), but for Mobile view we set 1 column - other devices will be also with 1 columns.

So, what I suggest:
1. Set 100% for Leading Articles in Joomla.
2. If for some devices we leave empty Number Of Columns filed - that give control to Joomla (# Columns in Joomla option).

How it will be work (one and most popular scenario):
1. We set in Joomla "# Leading Articles: 1" and "# Columns: 2"
2. Leave empty Number Of Columns fields in Themler for Desktop and Laptop, but for Table and Phones - 1 column.
(Now only if all fields is empty - Themler give control to Joomla).

After this on Desktop and Laptop we must have 1 Leading Articles with 100% width and 2 columns after it. But on Tablets and Phone we must have only 1 column for all articles.

Here is good example: http://yootheme.com/demo/themes/joomla/2014/eat/index.php/joomla/featured-articles

To users: please vote for this topic if you have interest in this feature.

enter image description here

Hello. It would be great to fix **Number Of Columns** in **Posts** control for better work with native Joomla options. Where is a problem: if we set 2 columns in Themler, but in Joomla set option "# Leading Articles" - this leading articles not shown in full width. Second problem: if we set "# Columns" in Joomla, but in Themler we leave empty columns field for some devices (Desktop, Laptop, Table - empty), but for Mobile view we set 1 column - other devices will be also with 1 columns. So, what I suggest: 1. Set 100% for Leading Articles in Joomla. 2. If for some devices we leave empty Number Of Columns filed - that give control to Joomla (# Columns in Joomla option). How it will be work (one and most popular scenario): 1. We set in Joomla "# Leading Articles: 1" and "# Columns: 2" 2. Leave empty Number Of Columns fields in Themler for Desktop and Laptop, but for Table and Phones - 1 column. *(Now only if all fields is empty - Themler give control to Joomla).* After this on Desktop and Laptop we must have 1 Leading Articles with 100% width and 2 columns after it. But on Tablets and Phone we must have only 1 column for all articles. Here is good example: http://yootheme.com/demo/themes/joomla/2014/eat/index.php/joomla/featured-articles **To users: please vote for this topic if you have interest in this feature.** ![enter image description here][1] [1]: http://s28.postimg.org/haxdnznz1/bt_number_of_columns.png
Vote to pay developers attention to this features or issue.
11 Comments
Order By: Standard | Newest
ventsislav_stoychev
1 Posts
ventsislav_stoychev posted this 07 August 2015

Hi,
One site may have 3-4-5 blog layouts menus.
They may require different configuration-2-3-4-5 columns.
How to solve this problem with a one template?
This problem should be solved.
This also applies to featured articles layouts
Greetings.

Hi, One site may have 3-4-5 blog layouts menus. They may require different configuration-2-3-4-5 columns. How to solve this problem with a one template? This problem should be solved. This also applies to featured articles layouts Greetings.

Last edited 07 August 2015 by ventsislav_stoychev

Support Team
Support Team posted this 10 August 2015

Hello,
just let me note, that requested feature has been implemented and the width of the Leading Article is now 100%.
Themler template allows to create custom templates for different pages. So you may create several blog templates and use them in your theme. For details about custom templates please refer to the article
http://answers.themler.com/articles/10804/how-to-create-and-use-custom-templates

regards,
Aileen

Hello, just let me note, that requested feature has been implemented and the width of the Leading Article is now 100%. Themler template allows to create custom templates for different pages. So you may create several blog templates and use them in your theme. For details about custom templates please refer to the article http://answers.themler.com/articles/10804/how-to-create-and-use-custom-templates regards, Aileen
heirogn
13 Posts
heirogn posted this 03 January 2017

It is great that leading articles now are 100% width, but I still miss number 2: "If for some devices we leave empty Number Of Columns filed - that give control to Joomla (# Columns in Joomla option)."

It is a problem that when leaving all fields empty in Themler settings in order to control the blog settings in Joomla, two or more columns don't switch to one column on tablets and phones. You cannot say this is perfect design for any device!

To make a lot of templates in Themler to control different blog settings for different pages is cumbersome and not acceptable when you make websites for clients that expect to use Joomla as intended, and do the settings themselves.

It is great that leading articles now are 100% width, but I still miss number 2: "If for some devices we leave empty Number Of Columns filed - that give control to Joomla (# Columns in Joomla option)." It is a problem that when leaving all fields empty in Themler settings in order to control the blog settings in Joomla, two or more columns don't switch to one column on tablets and phones. You cannot say this is perfect design for any device! To make a lot of templates in Themler to control different blog settings for different pages is cumbersome and not acceptable when you make websites for clients that expect to use Joomla as intended, and do the settings themselves.
DaveOzric
841 Posts
DaveOzric posted this 13 January 2017

I agree, let the CMS controls be in control. This is an OK option if you want to style each page with different things but not to control the layout so much.

I only hope there can be an intermediate fix for keeping some control if you want new page themes but allow the Menu settings to dictate the columns.

I agree, let the CMS controls be in control. This is an OK option if you want to style each page with different things but not to control the layout so much. I only hope there can be an intermediate fix for keeping some control if you want new page themes but allow the Menu settings to dictate the columns.
Support Team
Support Team posted this 17 January 2017

Hi,

It is a problem that when leaving all fields empty in Themler settings in order to control the blog settings in Joomla, two or more columns don't switch to one column on tablets and phones.

To fix this issue manually you can try adding the following code to the Themler Settings >> Additional CSS:


/* for Phone mode */
@media (max-width: 767px)
{
[class*="bd-blog"] [class*="separated-item"][class*="col-xs"]
{
width: 100%!important;
}
}

This is quite general workaround. But it should not cause problems with other columns on the page. if you encounter any problems please let us know.

For Tablet mode please use @media (min-width: 768px){} media query.

Thank you,
Olivia

Hi, > It is a problem that when leaving all fields empty in Themler settings in order to control the blog settings in Joomla, two or more columns don't switch to one column on tablets and phones. To fix this issue manually you can try adding the following code to the Themler Settings >> Additional CSS: ` /* for Phone mode */ @media (max-width: 767px) { [class*="bd-blog"] [class*="separated-item"][class*="col-xs"] { width: 100%!important; } }` This is quite general workaround. But it should not cause problems with other columns on the page. if you encounter any problems please let us know. For Tablet mode please use `@media (min-width: 768px){}` media query. Thank you, Olivia
heirogn
13 Posts
heirogn posted this 18 January 2017

Hi,

Thanks very much :) The code works well with two columns blog layout in Joomla, which is what I have tested, leaving all fields for number of columns empty in Themler.

It should probably not be too difficult to integrate in the next version?

Best regards,
Heidi

Hi, Thanks very much :) The code works well with two columns blog layout in Joomla, which is what I have tested, leaving all fields for number of columns empty in Themler. It should probably not be too difficult to integrate in the next version? Best regards, Heidi
Support Team
Support Team posted this 18 January 2017

Hi,

This is not really proper solution. But this solution does not require editing the theme source files.
The proper solution is to change the class which is responsible for phone layout.

Thank you,
Olivia

Hi, This is not really proper solution. But this solution does not require editing the theme source files. The proper solution is to change the class which is responsible for phone layout. Thank you, Olivia
Vitaliy WD
347 Posts
Vitaliy WD posted this 18 January 2017

Actually the problem still exist: we cannot to give control of columns to Joomla.

Joomla have very powerful columns system - we can specify number of columns, number of leading articles etc. for each menu item... but Themler block all of this because override Joomla columns control feature.

So, now work with columns with Joomla + Themler very uncomfortable.

Actually the problem still exist: we cannot to give control of columns to Joomla. Joomla have very powerful columns system - we can specify number of columns, number of leading articles etc. for each menu item... but Themler block all of this because override Joomla columns control feature. So, now work with columns with Joomla + Themler very uncomfortable.
Support Team
Support Team posted this 19 January 2017

Hi,

You can use either Themler Blog columns or Joomla blog columns. To use Joomla blog columns you should keep Posts Layout columns empty:

blog-columns.png

Thank you,
Olivia

Hi, You can use either Themler Blog columns or Joomla blog columns. To use Joomla blog columns you should keep Posts Layout columns empty: !blog-columns.png! Thank you, Olivia
heirogn
13 Posts
heirogn posted this 19 January 2017

Hi

The code works for phone mode, but for tablet mode use media query @media (min-width: 768px) and (max-width: 991px) { } else there will also be 1 column for laptops and desktops. I have tested with two and three columns layout in Joomla blog settings. The settings in Themler must be empty as Olivia says.

Heidi

Hi The code works for phone mode, but for tablet mode use media query `@media (min-width: 768px) and (max-width: 991px) { }` else there will also be 1 column for laptops and desktops. I have tested with two and three columns layout in Joomla blog settings. The settings in Themler must be empty as Olivia says. Heidi
Vitaliy WD
347 Posts
Vitaliy WD posted this 19 January 2017

Olivia, Heidi - thanks for response, now it's clear how it works )

Olivia, Heidi - thanks for response, now it's clear how it works )
You must log in or register to leave comments