Work on integrating IdMyGadget© with WordPress themes and plugins has begun!

You can track the progress at my WordPress site, tomwhartung.com, and see the code at the following github repos:

Work on integrating IdMyGadget© with Drupal themes and modules has begun!

You can track the progress at my Drupal site, tomhartung.com, and see the code at the following github repos:

 

This article is for showing what the Beez3 template looks like with as many parameters as possible set to values used on the rest of the joomoowebsites.com site.

This article is for showing what the protostar template looks like with as many parameters as possible set to values used on the rest of the joomoowebsites.com site.

After working on the IdMyGadget versions of protostar and Beez3, I tried setting up the original versions of those templates to look like what I had.

Depending on the device, these can look a bit bad. Note that at this time I have no real incentive to clean them up.

Click on one of the options below to see these how these templates look "straight out of the box," when used without device detection.

Plain Beez3 Demo
What the Beez3 Joomla default template looks like straight out of the box
Beez3 JooMoo Demo
Beez3 configured similarly to the main site - absolutely horrible
Plain Protostar Demo
What the protostar Joomla default template looks like straight out of the box
Protostar JooMoo Demo
Protostar configured similarly to the main site - absolutely horrible

Note that sometimes it helps to reload the page.

 

Joomla! allows site administrators a great deal of flexibility when it comes to configuring aspects of a site such as templates, menu options, and placement of modules.

The pages in this part of the site take advantage of this flexibility so that visitors can see pages that are configured differently from the rest of the site.

Joomla Templates
Demos of the default Joomla templates integrated with IdMyGadget©
Joomla Modules
Demos of a version of the Joomla menu module, integrated with IdMyGadget and jQuery Mobile

 

Three Joomla! templates are available for downloading from github. The following articles demonstrate these templates:

Beez3 IdMyGadget Demo
IdMyGadget integrated into the Beez3 default Joomla template, with as few changes as possible - available on github as jmws_beez3_idMyGadget
Protostar IdMyGadget Demo
IdMyGadget integrated into the protostar default Joomla template, with as few changes as possible - available on github as jmws_protostar_idMyGadget
Protostar Tomh IdMyGadget Demo
IdMyGadget integrated into the protostar default Joomla template, with additional changes I just "felt" like making - available on github as jmws_protostar_tomh_idMyGadget

All of these templates integrate IdMyGadget and jQuery Mobile, and any of them could easily serve as a good starting point on which to build other templates.

Default Template for This Site

Although most of this site uses the Protostar Tomh IdMyGadget (jmws_protostar_tomh_idMyGadget) template, there is still a demo article for it. This is because, like the other demo articles, it contains screenshots of the administration back end, showing the additional device-specific options.

Also, the template that the Protostar Tomh IdMyGadget Demo article uses sets options that are not set in the default template for the site. In fact, the Protostar Tomh IdMyGadget Demo article is the only one in which you can see the jQuery Mobile header and footer Phone Navigation on Tablets and Desktops.

Plain Demos

Following is a link to the Plain Demos articles, which show what this site might look like without all this special treatment. These articles are still a work in progress, and are very low priority to boot.

That is, I have not done much, if anything, to make the Plain Demo articles pretty. At this time most of them don't even have any content, but rest assured, "I will get right on that."

Even worse, depending on the device you are using, they may even lack simple navigation! (Hint: know where your Back button is.)

Plain Template Demos
The Beez3 and protostar templates without IdMyGadget Device Detection

Really, you shouldn't look at them!

JooMooWebSites.com has a subsite that provides access to the raw IdMyGadget demos.

The code is open source, so feel free to download it from the idMyGadget github repo and begin your own Device Detection project!

This module allows us to see what the current page looks like on different device types.

This module is not one you would want to include on your site for visitors to use, however it is configured on this site to show on this page only. This module is, however, one you would want to use when tailoring your site to different device types.

Depending on the type of device you are using, you should see it off to the right of or below this article; give it a try!

I had such a hard time naming it, and like it or not, eventually settled on jmws_mod_demo_idMyGadget. Follow that link to find it on github!

 

To function properly, all of the templates available on this site require the IdMyGadget Menus module - available on github as jmws_mod_menu_idMyGadget.

When used with one of the IdMyGadget Templates, this module enables site administrators to create mobile-friendly menus that take advantage of the jQuery Mobile JavaScript library.

Hamburger Nav Menus
Site administrators associate an icon, on either or both sides of the header, with a jQuery Mobile pop-up menu.
Phone Nav Menus
Site administrators create easy-to-touch, mobile-friendly menus that appear at the top, bottom, or both of a page.

The Hamburger Nav menus look good on Phones and Tablets, but the Phone Nav menus are very "app-like" and really look good only on Phones.

Neither of these menus looks good on Desktops. These demo articles are a couple of the very few articles on this site that allow visitors to see these in a Desktop browser.