I am using CMSMS v 1.5.4 (Carolina) on a Windows server
php v4.4.7
MenuManager v1.5.3
I used the CSSMenu - Vertical and altered it to suit, all working fine.
I have section headers functioning as the main buttons, and those can be styled easily, but I also want to be able to have some additional main buttons that link directly to pages, but don't use a drop-down. Since the section headers don't link by default, is there a way to add a link? The answer looks like "no" in the forums, but in case anything has changed with this version of CMSMS I'm asking again, since the answer was over a year old.
My other option is to be able to style the internal page link ("pagelink") in the CSS Vertical Menu menu to produce this button. I tried doing this, copying the code in the "section_expand" template used for "sectionheader" and changing pertinent parts to "pagelink" to produce a "pagelink" class, plus updating the CSS code, but I keep getting a double listing of the button, one a simple link like the rest of the "li" styling and a second one with the button image. I don't understand the code quite well enough I guess, I was hoping maybe someone here could help?
Thanks for any suggestions.
P
How to link section header or style internal link in CSS Vertical Menu
Re: How to link section header or style internal link in CSS Vertical Menu
You have a very confusing way of saying what you want...
At one point you say cssmenu vertical which is a fly out type menu then you mention "section_expand" and buttons and section headers as links...
At one point you say cssmenu vertical which is a fly out type menu then you mention "section_expand" and buttons and section headers as links...
Re: How to link section header or style internal link in CSS Vertical Menu
My apologies.. I guess I'm a little confused, too.
Sorry! Let me try and state this more clearly.
Since pictures are worth a 1000 words, here's the test site: http://69.89.224.191/index.php
The last two items in the lefthand menu (Feedback, Free Brochure / Kit) should be buttons to match the others. The other buttons are section headers, no problem styling those with CSS since this option is permitted in the code of the "section_expand" template.
It looks like there are two possibilities for me:
1. set up those last two items as section headers that link directly to pages in the system, which it seems is not an option
2. set up these last two items as internal page links (using "pagelink" and creating a class for it), with CSS styling to matching the other buttons.
For the latter option, I need to be able to style the "pagelink" and not just the "sectionheader" buttons, but this requires altering the code in Menu Manager-->menu-expand, plus editing the CSS, and it's the code I'm having trouble with. I did try it and got it mostly working, but the best I was able to do showed both a button link AND a "standard" link (without button image) for these menu items, rather than just the button link.
If you have another way to have those last two items show as buttons and not just links, I'd love to hear it!
I know this is not purely a CSS issue and may need to be posted elsewhere, but any help you can offer is greatly appreciated.
Since pictures are worth a 1000 words, here's the test site: http://69.89.224.191/index.php
The last two items in the lefthand menu (Feedback, Free Brochure / Kit) should be buttons to match the others. The other buttons are section headers, no problem styling those with CSS since this option is permitted in the code of the "section_expand" template.
It looks like there are two possibilities for me:
1. set up those last two items as section headers that link directly to pages in the system, which it seems is not an option
2. set up these last two items as internal page links (using "pagelink" and creating a class for it), with CSS styling to matching the other buttons.
For the latter option, I need to be able to style the "pagelink" and not just the "sectionheader" buttons, but this requires altering the code in Menu Manager-->menu-expand, plus editing the CSS, and it's the code I'm having trouble with. I did try it and got it mostly working, but the best I was able to do showed both a button link AND a "standard" link (without button image) for these menu items, rather than just the button link.
If you have another way to have those last two items show as buttons and not just links, I'd love to hear it!
I know this is not purely a CSS issue and may need to be posted elsewhere, but any help you can offer is greatly appreciated.
Re: How to link section header or style internal link in CSS Vertical Menu
It's a little difficult to make a recommendation without seeing all the code, but would it be easier to style the links directly, using the ids you've assigned (pic114 and pic115)? That way you could duplicate the css for the .sectionheader for those two and not have to alter the pagelink or MenuManager.
Re: How to link section header or style internal link in CSS Vertical Menu
THis is a CSS issue, just target those links and style them like your sectionheaders...
Re: How to link section header or style internal link in CSS Vertical Menu
Perfect! I knew I needed a fresh viewpoint on this one. Thank you tophers and Dr. CSS!Dr. CSS wrote: THis is a CSS issue, just target those links and style them like your sectionheaders...


