I have the jquery menu module installed, enabled and set to work on the primary links in the configuration. I put
<?php echo $primary_links; ?>
into my page.tpl.php file but it does not show the jquery menu functionality. I have also tried putting the primary links into a region using the blocks but that does not work either.. i have been googling this for hours and not found any documentation or examples anywhere but i know this is a well used drupal module. What am i doing wrong? i am having a blank.
which jquery menu module are you trying to use? There are many ways to create dynamic flyout menus using jquery and drupal, and a number of drupal modules that don't use jquery.
I've found that nice menus works well for a number of situation, and is usually very easy to implement, requiring little or no coding.
Related
I'd like to create a webpage with menus at the top, using Dreamweaver. So far the help info I have found online talks about using the "Spry" option from the "Insert" menu within Dreamweaver. But the version of Dreamweaver I have (latest downloaded from Adobe) does not have "Spry" when I go to "Insert". I found "Tabs" under "jQuery UI" under "Insert", and that looks great but when I tested it with IE, there was a pop-up "Internet Explorer restricted this webpage from running scripts or ActiveX controls" and the page looks all garbled up, unless I click "Allow blocked content". I cannot assume that end users will have the right setting on their IE to make this work and it may just look like the webpage is not well built.
Any advice on how I should proceed?
Thanks,
According to online help (https://helpx.adobe.com/dreamweaver/using/spry-widgets-general-instructions.html), Spry widgets are replaced with jQuery widgets in Dreamweaver CC and later. While you can still modify existing spry widgets on your page, you cannot add new spry widgets.
Regarding the problem of the page looking garbled up if scripts are turned off in the browser, I guess the only way around it is to code in such a way that the page degrades gracefully in browsers that don't support JavaScript.
I found a workable solution here:
http://www.elated.com/articles/javascript-tabs/
I can't seem to figure out how to change the menu color or add a background to the menu bar in Gantry 4 for Joomla. Tired of the gray or dark gray default.
I could change the font and selection through the .less file but not the menu itself.
The documentation on the Gantry website is too general.
Thank You in advance.
Also check: menu-light.less & menu-dark.less in the less\ directory.
The folks at RocketTheme don't recommend editing the compiled CSS (but it works great as #Adriana pointed out).
Hi Gantry framework for joomla as you probably notice uses Less to really understand how to change things on the template you first have to learn how less works even that Gantry compiles the less files for you. Less it is fantastic so it worth it. Basically you use a code to define css in a clever way much more economic and then you compile this into more efficient css files
If you change the compiled files as our friends are saying here make not sense at all because as soon you compile again (and you will) this files will be override and all your work lose.
I will give you the direction and you will see that it is not that difficult as look.
1- check the menu you had selected on your Gantry template under Templates Manager - Style - menu style.
2- on your less folder you will see a less file for each of the menu styles with the main variables
for example menu-dark.less try to make sense of the variables and the colors and change them to see what is what.
3- on the same folder you have menu.less and there is where the magic is done using the variables from the previous file. You will see that for example define first level of menu you will have something like:
&.l1 {
> li.active {
background: #menuActiveBack;
So that menuActiveBack variable will be the background value of the active li of the level 1.
4- the last part will be the menu-hovers.less that i thinks it is over complicate things because it is not a need to have a different file to do the hovers but there it is.
You can control CSS compression, Compile Wait Time and Debug Header, as well as manually clear the cache with the Clear Cache button at Extensions → Template Manager → gantry → Advanced → Less Compiler.
more info at: ganty less documentation
Hope it helps to start with....
Happy coding,
Eduardo
it took me a while maybe half an hour to go through the "menu" css file in the "css-compiled" folder.
You can find all the css to alter the background and colors of Gantry's default menu.. I'm using Gantry v4 also.
Go here:
Joomla>templates>gantry>css-compiled>menu-675c76.....
Please view my image to see my results:
http://dream2unite.com/images/misc/GANTRY-MENU-675c76.png
Use FireBug or similar to find the default CSS styling.
Create a file /templates/gantry/css/gantry-custom.css and add your own CSS to override the default CSS.
This is a better method than editing compiled or other template less or css files which can be overwritten during compilation or when the template is updated.
New to Orchard in that I just started to play around with it in the past few days. My question is about customising a theme (in this instance the Bootstrap one that can be installed from the gallery)
I tried to have a look and see if there was a non-source code way of doing it but was unable to find this way of doing it so I went spelunking through the theme folder and edited the Layout.cshtml file myself. Is this 'wrong' or is there another 'supported' way of doing it?
What I specifically wanted to do was to have the logo to the left and the menu to the right (see here for the OOB behaviour) and this was the way that I achieved it.
I'm sure if there are any updates to this theme then the customisations will be overwritten hence the question about a supported way to achieve this.
What you may want to do is look up Derived themes, you should create a new theme based off the theme you're modifying, then you can just modify the parts you want, and if the original theme needs updates or w/e you can update it without overwritting all your changes. I'm pretty sure this is the way you should be doing it.
This page should describe how that is done
http://docs.orchardproject.net/Documentation/Customizing-the-default-theme
This is how themes are customized.
I am working on a responsive site and need to output my Structure powered nav into a select menu for smaller screens. In looking at Structure's documentation this doesn't seem possible natively. Am I missing something?
After some digging it seems like the add-on Structure Entries is the ticket I need with one caveat. SE has quite a bit of overheard (in terms of queries) while using it to spit out custom nav. What's the best approach to minimize the impact performance for complicated menus?
I am doing this currently using Twitter Bootstrap's Button Dropdown javascript plugin. http://twitter.github.com/bootstrap/javascript.html#dropdowns
I also use MX Mobile Device Detect to serve devices the dropdown while the desktop users get the full menu.
I think the Dropdown Button script only allows for a single level list, however since its mobile do you need more than one?
I know it's obviously preferable to do it in the template itself, but a JS alternative is TinyNav.js.
It will convert your nav to a select dropdown.
http://tinynav.viljamis.com/
I generally use firebug to remove unwanted divs and tags and resize stuff on the web-page .. frequently for gaming sites like chessbomb. But this is tedious, and every time tab reloads, i would have to do it all over again.
So is there any plugin which would remember the setting for particular site and apply it on the load itself. For starters i just need something to remove div tags based on names. If it can resize too then thats all the more useful.
Thanks.
You can use Adblock Plus with some CSS selector usage to do this. Look at the doc related to this here.
For example, you could probably use something like
domain.com##div.class
to hide those divs.
This is a use case for the greasemonkey firefox plugin. You'll need to know a little javascript, but if you're doing these sorts of things in Firebug, I would assume you won't find greasemonkey too dofficult.
Have a look at http://www.greasespot.net/ and http://userscripts.org/ and you may even find someone has already written the script you're after.
To quote wikipedia on Greasemonkey:
Greasemonkey is a Mozilla Firefox extension that allows users to install scripts that make on-the-fly changes to HTML web page content on the DOMContentLoaded event, which happens immediately after it is loaded in the browser (also known as augmented browsing).
As Greasemonkey scripts are persistent, the changes made to the web pages are executed every time the page is opened, making them effectively permanent for the user running the script.