clowride VIP
Total posts: 1,022
04 Jan 2013 14:13

hi

i test cobalt with the latest joomla xtc template (fully responsive) but cobalt layout is brolkent totally

please is cobalt template responsive ?

Last Modified: 12 Jan 2015


pepperstreet VIP
Total posts: 3,837
16 Mar 2013 06:13

Can you show an example? What template are you using? Which Cobalt templates are you using? Which parts do not fit onto which device?


pepperstreet VIP
Total posts: 3,837
15 Apr 2013 18:41

@Clowride

Can you show an example? What template are you using? Which Cobalt templates are you using? Which parts do not fit onto which device?

What do you mean by "can not see them"?

Are you referring to a specific template provider?

Are you talking about the TABLE-based "default" and "advanced" template?


pepperstreet VIP
Total posts: 3,837
16 Apr 2013 03:26

Must-Read:

http://css-tricks.com/responsive-data-table-roundup/

Another quick and dirty method could be: - keep the table as is, and use horizontal scrolling on the whole table - should work by surrounding the table with an additinal DIV and CSS property overflow.

Must-Read, see under topic "scroll":

http://css-tricks.com/the-css-overflow-property/


braza VIP
Total posts: 46
15 May 2013 07:31

Hi,

I`d also like to use a responsive template with Cobalt.

I`m a newbie, so here are the questions:

There are few free Joomla responsive templates, based on different frameworks. Am I bound to choose only ones based on Bootstrap because Cobalt is based on it?. Will they merge with each other or what?

Is there an article that could answer my questions: I`m willing to be pointed at it and read it.


Sergey
Total posts: 13,748
16 Dec 2014 07:38

Cobalt should be automaticaly responsive, as much as Twitter Bootstrap 2 can allow.


pepperstreet VIP
Total posts: 3,837
16 Dec 2014 20:10

pepperstreet Must-Read:

http://css-tricks.com/responsive-data-table-roundup/

Another quick and dirty method could be: - keep the table as is, and use horizontal scrolling on the whole table - should work by surrounding the table with an additinal DIV and CSS property overflow.

Must-Read, see under topic "scroll":

http://css-tricks.com/the-css-overflow-property/

FYI - Bootstrap v3 makes use of this simple approach, too. BS tables can be surrounded by an extra DIV and class table-responsive.
Maybe this basic solution can be added to Cobalt's table-based default layouts as well? Optional template parameter? ;)

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>


pepperstreet VIP
Total posts: 3,837
16 Dec 2014 20:16

Awesome solution and addon for the basic bootstrap approach:


Sergey
Total posts: 13,748
19 Dec 2014 05:19

pepperstreet Awesome solution and addon for the basic bootstrap approach:

Bootstrap 3 dependent.


pepperstreet VIP
Total posts: 3,837
12 Jan 2015 01:12

Sergey Bootstrap 3 dependent.

Yep, I have read it... but doesn't it depend on the extra DIV wrapper and class? The inner table classes did not change from v2 to v3, IMHO. Except for minor color stuff .table .error -> .table .danger

So, I guess it should work with the wrapper. The extra wrapper should not interfere with BS v2 cobalt templates, IMHO.

Powered by Cobalt