Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

More then one theme on a webpage
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: More then one theme on a webpage
#54316
More then one theme on a webpage 9 Years, 7 Months ago Karma: 0
See image attached.
I use an Arisoft accordion to make a menusystem on the mobile representation of a website (with a twitter bootstrap). For this I use a UI made with Themeroller: "cwmobilemenu". This accordion is placed in a module and the theme is included with the statement: theme="cwmobilemenu".

On the website I use Arisoft tabs and Arisoft accordions on several pages. Here I use another theme, called "cleywech" also made with Themeroller. This is set as the default jQuery UI theme in het configuration of the plugin settings.

When I go to a webpage that has an Arisoft tab or accordion with the default theme, then the theme of the menu accordion system also changes into this default theme. I tried hardcoding each call of an tab or accordion with the theme="cleywech" parameter and tried setting the default theme to "cwmobilemenu". No effect. All the time the "cleywech" theme in the content of the page overrules the "cwmobilemenu" theme in the top module.

It is essential that I can use more then one theme on a webpage / that I can use a different theme in the topmodule. How to do this?

Regards
Stephan
Last Edit: 2015/04/23 13:06 By stephanbeek.
The administrator has disabled public write access.
 
#54326
Re:More then one theme on a webpage 9 Years, 7 Months ago Karma: 760
Hello,

For example the following code works fine and create accordions with two different themes:

Code:


{accordion theme="blacktie"}
       {item title="Item 1"}
               This is the first item
       {/item}
       {item title="Item 2"}
               This is the second item
       {/item}
       {item title="Item 3"}
               This is the third item
       {/item}
{/accordion}
{accordion theme="blitzer"}
       {item title="Item 1"}
               This is the first item
       {/item}
       {item title="Item 2"}
               This is the second item
       {/item}
       {item title="Item 3"}
               This is the third item
       {/item}
{/accordion}



Could you provide a link to a page where the problem occurs?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#54329
Re:More then one theme on a webpage 9 Years, 7 Months ago Karma: 0
I now know how to get multiple extra themes working together on one webpage.

The instructions in the Arisoft helpfiles read:

" Add a new jQuery UI theme
(...) If you want to add a new theme, create it using jQueryu UI ThemeRoller and download it. After this open the downloaded archive, find jquery-ui.min.css file and rename it to style.css then open <joomla_directory>\media\arismartcontent\jqueryui\themes\ folder on your server (you can open it by FTP or use Joomla! file manager extension like eXtplorer), create a folder for your new theme and copy style.css file and images folder from the downloaded archive to the created folder on your server.

Some important things, for example you want to create a new theme with name mytheme then set "CSS Scope" parameter to .jui-mytheme value on ThemeRoller download page: (...)

Create the folder with name mytheme in <joomla_directory>\media\arismartcontent\jqueryui\themes\ folder and copy style.css file and images folder to the created folder. After this the new theme with name mytheme will be available in settings of the applications which support jQuery UI themes.
"

But ... When I make a new jQuery UI theme with ThemeRoller and I set the CSS Scope to ".jui-cwmobile", then the file "jquery-ui.min.css" does NOT have the neccessary prefix ".jui-cwmobile" before each class definition.

The css file reads:

Code:

.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
(...)



where it should be:

Code:

.jui-cwmobilemenu .ui-helper-hidden {
display: none;
}
.jui-cwmobilemenu .ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
(...)



The strange thing is that the file "jquery-ui.theme.css" does have the ".jui-cwmobilemenu" prefixes. But this file is not needed in your system.
So, if a user wants to make new themes that should be used together on the same webpage, then the generated css files made by ThemeRoller do need some editing. With NetBeans this is no problem of course. So the help files need adjustment on this point. But it would be better if importing new themes could be possible without editing the files ThemeRoller generates.

Regards
Last Edit: 2015/04/24 15:42 By stephanbeek.
The administrator has disabled public write access.
 
#54399
Re:More then one theme on a webpage 9 Years, 7 Months ago Karma: 760
It seems this is a problem with jQuery UI themes generator. Before it added "CSS scope" for all CSS rules.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1