fbpx

Astroid 2.4 Landed with Joomla 4 Compatibility Download Now

Welcome, Guest
Username: Password: Remember me

TOPIC: [SOLVED] More details on the “Section Layout” possibilities in the Template manager?

[SOLVED] More details on the “Section Layout” possibilities in the Template manager? 1 week 1 day ago #25146

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Premium Member
  • Posts: 158
  • Thank you received: 1
  • Karma: 0
I like to have more clarity & infos on the choices of layouts in the template manager.

Maybe you can add that same infos in your documentation
docs.joomdev.com/article/astroid-layout-section-settings/


Last Edit: 5 days 16 hours ago by Chacapamac.
The administrator has disabled public write access.

More details on the “Section Layout” possibilities in the Template manager? 1 week 1 day ago #25161

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 1378
  • Thank you received: 135
  • Karma: 17
Hi,

Sure we can add more info in the docs if its not clear.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

More details on the “Section Layout” possibilities in the Template manager? 6 days 18 hours ago #25192

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Premium Member
  • Posts: 158
  • Thank you received: 1
  • Karma: 0
Hi Nishta,
There what I find, tell me if correct or it’s more to it?

Also I have a question about “Gutters”?


This is what I find:
=========================================================

• Container =Content max-width: 1140px with 15px padding right & left
Html —>div.container
CSS —>
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;

.container{
max-width: 1140px;
}


• Container Fluid = Content width 100% (of screen) with 15px padding right & left
HTML —> div.container-fluid
CSS —>
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;


• Container with no gutters = Content max-width: 1140px with 15px padding right & left
HTML —> div.container
CSS —>
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;

.container{
max-width: 1140px;
}

QUESTION —> Seem the same than “Container?


Container Fluid with no gutter = Content width 100% (of screen) with 15px padding right & left
HTML —> div.container-fluid
CSS —>
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;

QUESTION —> Seem the same than “Container fluid ?


• Without Container = Content width 100% (of screen) with no padding right & left
HTML —> div
CSS —>
none for size

• Custom Container = Content width 100% (of screen) with 15px padding right & left
HTML —> div.custom-container
CSS —>
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;


Note: for all type of Section Layout you can add a custom class[/b]

==========================================================



Note: The BBCode editor tools is not working in the forum....
Last Edit: 6 days 18 hours ago by Chacapamac.
The administrator has disabled public write access.

More details on the “Section Layout” possibilities in the Template manager? 6 days 10 hours ago #25203

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4131
  • Thank you received: 605
  • Karma: 107
Hi,

It's all based on Boostrap, so pretty much what it read here: getbootstrap.com/docs/4.4/layout/overview/ is what's used in Astroid.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

More details on the “Section Layout” possibilities in the Template manager? 6 days 6 hours ago #25204

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Premium Member
  • Posts: 158
  • Thank you received: 1
  • Karma: 0
Thanks Chetan & Nishta,

SUGGESTION:
• Maybe you guys can add that link to add infos on your Section Settings documentation :—> docs.joomdev.com/article/astroid-layout-section-settings/


What about “Gutters” ?
I guess the same answer ? —> Bootstrap Gutters —> getbootstrap.com/docs/4.4/layout/grid/#gutters

SAME SUGGESTION
Last Edit: 6 days 6 hours ago by Chacapamac.
The administrator has disabled public write access.

More details on the “Section Layout” possibilities in the Template manager? 5 days 17 hours ago #25217

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4131
  • Thank you received: 605
  • Karma: 107
Done, updated the documentation here: docs.joomdev.com/article/astroid-layout-section-settings/

Thank you as always.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
Last Edit: 5 days 17 hours ago by admin.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.367 seconds