Joomla: table-layout in responsive view

Seppe
221 Posts
Seppe posted this 23 May 2016

The page of my content in my Joomla website are build in tables/columns

On a computerscreen, the layout is ok
In responsive view, like a phone, all the colums are compressed to eachother, instead of being placed under eachother.

I can rememeber the old days of Artisteer, where we used the div-tags.

How does is work in Themler?

Greetings

The page of my content in my Joomla website are build in tables/columns On a computerscreen, the layout is ok In responsive view, like a phone, all the colums are compressed to eachother, instead of being placed under eachother. I can rememeber the old days of Artisteer, where we used the div-tags. How does is work in Themler? Greetings

Last edited 23 May 2016 by Seppe

Table responsive columns layout-issue
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 24 May 2016

Hi,

If you use Columns and not Table, that is possible. In the columns options you can set the width for each column in each responsive view. Set it to be the maximum width (12) and that will make each column stretch and go one below the other.

Sincerely,
Hella

Hi, If you use Columns and not Table, that is possible. In the columns options you can set the width for each column in each responsive view. Set it to be the maximum width (12) and that will make each column stretch and go one below the other. Sincerely, Hella
Seppe
221 Posts
Seppe posted this 26 May 2016

Good evening Hella

Thnx for the reply
But honestly I have no clue how to start with it

I hope Google will be my friend for the next hours :)

Greetings
Seppe

Good evening Hella Thnx for the reply But honestly I have no clue how to start with it I hope Google will be my friend for the next hours :) Greetings Seppe
Seppe
221 Posts
Seppe posted this 26 May 2016

Ok, by Google, there is nothing to find

I searched in Themler, and on the default page I inserted 2 columns.
When I look at the preview for mobile phones, it's one under the other, so that is correct.

Where do I define the colums?

I used the <div>-tag for the colums, but it's not working.
I do know I'm missing something, but I have to clue what

Greetings
Seppe
</div>

Ok, by Google, there is nothing to find I searched in Themler, and on the default page I inserted 2 columns. When I look at the preview for mobile phones, it's one under the other, so that is correct. Where do I define the colums? I used the &lt;div&gt;-tag for the colums, but it&#39;s not working. I do know I&#39;m missing something, but I have to clue what Greetings Seppe &lt;/div&gt;
Seppe
221 Posts
Seppe posted this 27 May 2016

Good morning

I found the [one_half] shortcodes in the documentation.
So far so good....

I made small tables in de [one_half] codes for the layout.
But one column is longer than the other.

So how do I close the column layout.
If I have more text, the left column is filled up with text, which is not my idea

My layout for now:

[one_half]
<content>
[/one_half]

[one_half]
<content>
[/one_half]

But now I want another set of colums directly under both other columns, but it doesn't seems to work
</content></content>

Good morning I found the [one_half] shortcodes in the documentation. So far so good.... I made small tables in de [one_half] codes for the layout. But one column is longer than the other. So how do I close the column layout. If I have more text, the left column is filled up with text, which is not my idea My layout for now: [one_half] &lt;content&gt; [/one_half] [one_half] &lt;content&gt; [/one_half] But now I want another set of colums directly under both other columns, but it doesn&#39;t seems to work &lt;/content&gt;&lt;/content&gt;
Support Team
Support Team posted this 27 May 2016

Hi,

It's hard to understand your explanation without seeing the results. Please provide a link to your site and maybe attach a theme. Also attach the marked screen shot showing what you are trying to achieve.

Sincerely,
Hella

Hi, It's hard to understand your explanation without seeing the results. Please provide a link to your site and maybe attach a theme. Also attach the marked screen shot showing what you are trying to achieve. Sincerely, Hella
You must log in or register to leave comments