Request for feedback: Bootstruct for Joomla 3.0+

Matt Thomas

unread,

Nov 5, 2012, 8:46:27 PM11/5/12

to construct...@googlegroups.com

Hi Everyone,

With the release of Joomla 3.0, I have been exploring how Bootstruct (Construct + Bootstrap) can fit into the new paradigm of Bootstrap being used for all extensions. Since Bootstrap replaces much of Construct's core CSS, I've been focusing on how to maintain a familiar Construct experience, as well as preserve it's unique features, while embracing Bootstrap. Following is an outline of the changes I've made, or envision making, for Bootstruct:

Joomla 3.0+

I haven't seen much demand for supporting Bootstrap with Joomla 2.5. Am I wrong? Supporting multiple versions of Joomla isn't necessarily an easy task, but it may be possible to support 2.5 and 3.0+ if it makes sense. If so, convince me :-)

jQuery Mobile

With Joomla core embracing RWD, it makes sense to fully embrace RWD and drop jQuery Mobile, which also means removing mobile.php and mobile-offline.php.

Configurable jQuery version

Since Joomla 3.x ships with jQuery, there is no need for this feature. It has been removed.

Construct's core style sheets

Screen.css, /grids/construct.css, construct-light.css and construct-dark.css are no longer needed since we're now using using the Joomla User Interface Library (JUI) see http://kyleledbetter.com/jui/ for more details.

Style sheet switcher

From what I understand, this is not a very popular, or even used, feature. This has been removed, along with diagnostic.css and wireframe.css will be removed.

MooTools loading

MooTools loading (yes/no) will be supported along with a new feature to define component exceptions for the removal of MooTools.

IE6 PNG Fix

Has been removed.

Bootstruct Responsive grid

Is a hybrid grid, based on Construct Responsive, to include the ever illusive span2-4 class that is missing in Bootstrap. This will be the default grid for Bootstruct.

Je-header class

Construct supports adding a "header-class" attribute for jdoc:include statements. This attribute adds a class, that used to default to je-header, to the module header tag. This no longer defaults to je-header, and will not any class if that attribute is not declared.

More to come for sure. In the meantime, feel free to grab a copy of the code at https://github.com/construct-framework/bootstruct/tree/3-0

Best,

Matt Thomas
Founder betweenbrain™
Lead Developer Construct Template Development Framework
Phone: 203.632.9322
Twitter: @betweenbrain
Github: https://github.com/betweenbrain

Composed and delivered courtesy of Nexus 7.

Gwen4Web

unread,

Nov 12, 2012, 2:02:58 PM11/12/12

to construct...@googlegroups.com

Hi Matt,

Your plans don't raise any concerns with us -- we're just relieved that you "are* going to continue to support/develop Bootstruct. A few weeks ago you had us very, *very* worried when it sounded like you were contemplating dropping it altogether!

Ove

unread,

Nov 13, 2012, 7:57:11 AM11/13/12

to construct...@googlegroups.com, Matt Thomas

Hi Matt,

thanks for working on Bootstruct! :-)

I agree, backward compatibility to J! 2.5 do not make much sence. But some kind of compatibility with Protostar makes sence to me. i.e. running Boostruct in parallel to Protostar (and other templates). I'll see what I have to do with the module positions on a multilingual site.

I've seen you had a nice idea on the lively backward compatibility discussionï¿½ in the J! developer mailing list. Separating the Cms from the core extensions would make those a lot more transparent. There among the css styling. I try to leave css to the template but it's not completely possible I think. At least I need som margins and paddings in the extensions.

Do you know how much css that is included in the core Cms only because of the core Extensions? Allways loading even if you do not use those extensions at all.

I've downloaded the package and will install it asap on my testserver.

Thanks again.

Ove Eriksson

Matt Thomas skrev 06.11.2012 02:46:

Hi Everyone,

With the release of Joomla 3.0, I have been exploring how Bootstruct (Construct + Bootstrap) can fit into the new paradigm of Bootstrap being used for all extensions. Since Bootstrap replaces much ofï¿½Construct's coreï¿½CSS, I've been focusing on how to maintain a familiar Construct experience, as well as preserve it's unique features, while embracing Bootstrap. Following is an outline of the changes I've made, or envision making, for Bootstruct:

Joomla 3.0+
I haven't seen much demand for supporting Bootstrap with Joomla 2.5. Am I wrong? Supporting multiple versions of Joomla isn't necessarily an easy task, but it may be possible to support 2.5 and 3.0+ if it makes sense. If so, convince me :-)

jQuery Mobile

With Joomla core embracing RWD, itï¿½makesï¿½sense to fully embrace RWD and drop jQuery Mobile, which also means removing mobile.php and mobile-offline.php.

Configurable jQuery version

Since Joomla 3.x ships with jQuery, there is no need for this feature. It has been removed.

Construct's core style sheets

Screen.css, /grids/construct.css, construct-light.css and construct-dark.css are no longer needed since we're now using using the Joomla User Interfaceï¿½Libraryï¿½(JUI) seeï¿½http://kyleledbetter.com/jui/ï¿½for more details.

Style sheet switcher

From what I understand, this is not a very popular, or even used, feature. This has been removed, along with diagnostic.css and wireframe.css will be removed.

MooTools loading

MooTools loading (yes/no) will beï¿½supportedï¿½along with a new feature to define component exceptions for the removal of MooTools.

IE6 PNG Fix

Has been removed.

Bootstruct Responsive grid

Is a hybrid grid, based on Construct Responsive, to include the ever illusive span2-4 class that is missing in Bootstrap. This will be the default grid for Bootstruct.

Je-header class

Construct supports adding a "header-class" attribute for jdoc:include statements. This attribute adds a class, that used to default to je-header, to the module header tag. This no longer defaults to je-header, and will not any class if thatï¿½attributeï¿½is not declared.

More to come for sure. In the meantime, feel free to grab a copy of the code atï¿½https://github.com/construct-framework/bootstruct/tree/3-0

Best,

Matt Thomas
Founderï¿½betweenbrainï¿½
Lead Developerï¿½Construct Template Development Framework
Phone: 203.632.9322
Twitter: @betweenbrain
Github:ï¿½https://github.com/betweenbrain

Composed and delivered courtesy of Nexus 7.

--
You received this message because you are subscribed to the Google Groups "Construct Framework" group.
To post to this group, send email to construct...@googlegroups.com.
To unsubscribe from this group, send email to construct-frame...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
ï¿½
ï¿½

Ove

unread,

Nov 13, 2012, 9:21:54 AM11/13/12

to construct...@googlegroups.com, Matt Thomas

Matt,
I downloaded the zip from GitHub. Does not install on J! 3.0.2.

Message: JInstaller: :Install: File does not exist .....\tmp\install_50a2561a612e6\bootstruct-3-0\css\bootstrap.min.css

Could it be that templateDetails.xml wasn't updated?

Ove

Matt Thomas skrev 06.11.2012 02:46:

Hi Everyone,

With the release of Joomla 3.0, I have been exploring how Bootstruct (Construct + Bootstrap) can fit into the new paradigm of Bootstrap being used for all extensions. Since Bootstrap replaces much ofï¿½Construct's coreï¿½CSS, I've been focusing on how to maintain a familiar Construct experience, as well as preserve it's unique features, while embracing Bootstrap. Following is an outline of the changes I've made, or envision making, for Bootstruct:

Joomla 3.0+
I haven't seen much demand for supporting Bootstrap with Joomla 2.5. Am I wrong? Supporting multiple versions of Joomla isn't necessarily an easy task, but it may be possible to support 2.5 and 3.0+ if it makes sense. If so, convince me :-)

jQuery Mobile

With Joomla core embracing RWD, itï¿½makesï¿½sense to fully embrace RWD and drop jQuery Mobile, which also means removing mobile.php and mobile-offline.php.

Configurable jQuery version

Since Joomla 3.x ships with jQuery, there is no need for this feature. It has been removed.

Construct's core style sheets

Screen.css, /grids/construct.css, construct-light.css and construct-dark.css are no longer needed since we're now using using the Joomla User Interfaceï¿½Libraryï¿½(JUI) seeï¿½http://kyleledbetter.com/jui/ï¿½for more details.

Style sheet switcher

From what I understand, this is not a very popular, or even used, feature. This has been removed, along with diagnostic.css and wireframe.css will be removed.

MooTools loading

MooTools loading (yes/no) will beï¿½supportedï¿½along with a new feature to define component exceptions for the removal of MooTools.

IE6 PNG Fix

Has been removed.

Bootstruct Responsive grid

Is a hybrid grid, based on Construct Responsive, to include the ever illusive span2-4 class that is missing in Bootstrap. This will be the default grid for Bootstruct.

Je-header class

Construct supports adding a "header-class" attribute for jdoc:include statements. This attribute adds a class, that used to default to je-header, to the module header tag. This no longer defaults to je-header, and will not any class if thatï¿½attributeï¿½is not declared.

More to come for sure. In the meantime, feel free to grab a copy of the code atï¿½https://github.com/construct-framework/bootstruct/tree/3-0

Best,

Matt Thomas
Founderï¿½betweenbrainï¿½
Lead Developerï¿½Construct Template Development Framework
Phone: 203.632.9322
Twitter: @betweenbrain
Github:ï¿½https://github.com/betweenbrain

Composed and delivered courtesy of Nexus 7.

--

Matt Thomas

unread,

Nov 13, 2012, 9:32:55 AM11/13/12

to construct...@googlegroups.com

Hi Ove,

Thanks! As a matter of fact, I just resolved this issue and uploaded an alpha package at https://github.com/downloads/construct-framework/bootstruct/Boostruct-3.0.0-alpha.zip

Best,

Matt Thomas

Founder betweenbrain™

Lead Developer Construct Template Development Framework

Phone: 203.632.9322
Twitter: @betweenbrain

Github: https://github.com/betweenbrain

On Tue, Nov 13, 2012 at 9:21 AM, Ove <tobby.e...@gmail.com> wrote:

Matt,
I downloaded the zip from GitHub. Does not install on J! 3.0.2.

Message: JInstaller: :Install: File does not exist .....\tmp\install_50a2561a612e6\bootstruct-3-0\css\bootstrap.min.css

Could it be that templateDetails.xml wasn't updated?

Ove

Matt Thomas skrev 06.11.2012 02:46:

Hi Everyone,

With the release of Joomla 3.0, I have been exploring how Bootstruct (Construct + Bootstrap) can fit into the new paradigm of Bootstrap being used for all extensions. Since Bootstrap replaces much of Construct's core CSS, I've been focusing on how to maintain a familiar Construct experience, as well as preserve it's unique features, while embracing Bootstrap. Following is an outline of the changes I've made, or envision making, for Bootstruct:

Joomla 3.0+
I haven't seen much demand for supporting Bootstrap with Joomla 2.5. Am I wrong? Supporting multiple versions of Joomla isn't necessarily an easy task, but it may be possible to support 2.5 and 3.0+ if it makes sense. If so, convince me :-)

jQuery Mobile

With Joomla core embracing RWD, it makes sense to fully embrace RWD and drop jQuery Mobile, which also means removing mobile.php and mobile-offline.php.

Configurable jQuery version

Since Joomla 3.x ships with jQuery, there is no need for this feature. It has been removed.

Construct's core style sheets

Screen.css, /grids/construct.css, construct-light.css and construct-dark.css are no longer needed since we're now using using the Joomla User Interface Library (JUI) see http://kyleledbetter.com/jui/ for more details.

Style sheet switcher

From what I understand, this is not a very popular, or even used, feature. This has been removed, along with diagnostic.css and wireframe.css will be removed.

MooTools loading

MooTools loading (yes/no) will be supported along with a new feature to define component exceptions for the removal of MooTools.

IE6 PNG Fix

Has been removed.

Bootstruct Responsive grid

Is a hybrid grid, based on Construct Responsive, to include the ever illusive span2-4 class that is missing in Bootstrap. This will be the default grid for Bootstruct.

Je-header class

Construct supports adding a "header-class" attribute for jdoc:include statements. This attribute adds a class, that used to default to je-header, to the module header tag. This no longer defaults to je-header, and will not any class if that attribute is not declared.

More to come for sure. In the meantime, feel free to grab a copy of the code at https://github.com/construct-framework/bootstruct/tree/3-0

Best,

Matt Thomas
Founder betweenbrain™
Lead Developer Construct Template Development Framework
Phone: 203.632.9322
Twitter: @betweenbrain
Github: https://github.com/betweenbrain

Composed and delivered courtesy of Nexus 7.

Matt Thomas

unread,

Nov 13, 2012, 9:40:10 AM11/13/12

to Ove, construct...@googlegroups.com

Hi Ove,

thanks for working on Bootstruct! :-)

It's my pleasure. Thank you for the feedback!

I agree, backward compatibility to J! 2.5 do not make much sence.

As a matter of fact, I did some testing regarding this and it didn't go well. The biggest issue (so far) is that I would once again need to create Joomla version specific template overrides, and that was a bit of a nightmare with Construct Unified.

But some kind of compatibility with Protostar makes sence to me. i.e. running Boostruct in parallel to Protostar (and other templates).

Interesting. Can you explain more of what this means? Any specific issues?

I'll see what I have to do with the module positions on a multilingual site.

Great, thanks!

I've seen you had a nice idea on the lively backward compatibility discussion in the J! developer mailing list. Separating the Cms from the core extensions would make those a lot more transparent. There among the css styling. I try to leave css to the template but it's not completely possible I think. At least I need som margins and paddings in the extensions.

I agree, but I'm not sure if that will happen. Maybe one day.

Do you know how much css that is included in the core Cms only because of the core Extensions? Allways loading even if you do not use those extensions at all.

Yes, take a look at /media/jui, and that will give you a good idea of what may be loaded by extensions.

Hope that helps!

Best,

Matt Thomas

Founder betweenbrain™

Lead Developer Construct Template Development Framework

Twitter: @constructfw

Github: https://github.com/construct-framework

Matt Thomas

unread,

Nov 13, 2012, 9:41:57 AM11/13/12

to construct...@googlegroups.com

Hi Gwen,

Thanks! I hope I didn't give you the wrong impression a few weeks ago. Honestly, Boostrap does replace a good chunk of Construct, and I'm not a big fan of Boostrap. But, Construct still can pay a role in Joomla 3.x. So, we'll see what happens!

Best,

Matt Thomas

Founder betweenbrain™

Lead Developer Construct Template Development Framework

Twitter: @constructfw

Github: https://github.com/construct-framework

--

You received this message because you are subscribed to the Google Groups "Construct Framework" group.
To post to this group, send email to construct...@googlegroups.com.
To unsubscribe from this group, send email to construct-frame...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msg/construct-framework/-/h3BebtscDuwJ.

Reply all

Reply to author

Forward