Hi all, I've been trying to figure out the best way to do this for a while now, but so far nothing has jumped out at me as being simple and effective. Basically, we want a tabbed navigation interface, so that whichever tab the click on, the resultant page has that tab selected. The tabs are held in a table, and a selected tab is different from a plain tab in the following ways: The text and background colour are different. The images on the left and right side of the text are different. The tabs are arranged like the following: |img|text|img|img|text|img| Where "|"'s delimit table cells. I'm wondering what everyone has in the way of solutions for this. I'm sure there are many people doing this, and I would like to hear about different solutions. Thanks, hope this was explained sufficiently Alec Munro
On Fri, Sep 06, 2002 at 02:39:34PM -0300, Alec Munro wrote:
Hi all,
I've been trying to figure out the best way to do this for a while now, but so far nothing has jumped out at me as being simple and effective. Basically, we want a tabbed navigation interface, so that whichever tab the click on, the resultant page has that tab selected. The tabs are held in a table, and a selected tab is different from a plain tab in the following ways: The text and background colour are different. The images on the left and right side of the text are different. The tabs are arranged like the following:
|img|text|img|img|text|img|
Where "|"'s delimit table cells. I'm wondering what everyone has in the way of solutions for this. I'm sure there are many people doing this, and I would like to hear about different solutions.
The Zope Management Interface does this (although not the different images part; that would be pretty easy to add to the <dtml-if> section that chooses the <td> background color.) . Have a look in lib/python/App/dtml/manage_tabs.dtml.
Thanks, hope this was explained sufficiently
Alec Munro
_______________________________________________ Zope maillist - Zope@zope.org http://lists.zope.org/mailman/listinfo/zope ** No cross posts or HTML encoding! ** (Related lists - http://lists.zope.org/mailman/listinfo/zope-announce http://lists.zope.org/mailman/listinfo/zope-dev )
-- -- Paul Winkler "Welcome to Muppet Labs, where the future is made - today!"
On Fri, Sep 06, 2002 at 02:39:34PM -0300, Alec Munro wrote:
I've been trying to figure out the best way to do this for a while now, but so far nothing has jumped out at me as being simple and effective. Basically, we want a tabbed navigation interface, so that whichever tab the click on, the resultant page has that tab selected.
I'm wondering what everyone has in the way of solutions for this. I'm sure there are many people doing this, and I would like to hear about different solutions.
Here I go again, shamelessly promoting my meager collection of howtos anywhere they might be remotely applicable. (An intro like that sounds straight out of slashdot's typical "I know I'll get modded down for this, but..." intros.) The ZPT code at http://www.zope.org/Members/mwr/python_zpt_sitemap_zen shows how I handled different highlighting for the current location in the sitemap. It's probably horribly convoluted or non-idiomatic ZPT, and I should be ashamed for posting it, (insert more traffic-driving reverse psychology -- look at the code, code wants to be seen) but it might help out. Perhaps the whole purpose of my howtos are to serve as an warning for others. -- Mike Renfro / R&D Engineer, Center for Manufacturing Research, 931 372-3601 / Tennessee Technological University -- renfro@tntech.edu
Thanks for the advice, though I went with something a little different. My main problem was there were quite a few possible states for images. So what I did was assign the src attribute to be equal to the result of a bunch of test() functions strung together(like test(condition, test(condition, result,. I could have moved (and may still move), the code into a python file and use real if, elif, and else. But it does seem to work fairly well as it is. Alec Munro -----Original Message----- From: Mike Renfro [mailto:mwr@cae.tntech.edu] On Behalf Of Mike Renfro Sent: September 6, 2002 4:17 PM To: Alec Munro Cc: zope@zope.org Subject: Re: [Zope] How to do a tabbed navigation interface with ZPT On Fri, Sep 06, 2002 at 02:39:34PM -0300, Alec Munro wrote:
I've been trying to figure out the best way to do this for a while now, but so far nothing has jumped out at me as being simple and effective. Basically, we want a tabbed navigation interface, so that whichever tab the click on, the resultant page has that tab selected.
I'm wondering what everyone has in the way of solutions for this. I'm sure there are many people doing this, and I would like to hear about different solutions.
Here I go again, shamelessly promoting my meager collection of howtos anywhere they might be remotely applicable. (An intro like that sounds straight out of slashdot's typical "I know I'll get modded down for this, but..." intros.) The ZPT code at http://www.zope.org/Members/mwr/python_zpt_sitemap_zen shows how I handled different highlighting for the current location in the sitemap. It's probably horribly convoluted or non-idiomatic ZPT, and I should be ashamed for posting it, (insert more traffic-driving reverse psychology -- look at the code, code wants to be seen) but it might help out. Perhaps the whole purpose of my howtos are to serve as an warning for others. -- Mike Renfro / R&D Engineer, Center for Manufacturing Research, 931 372-3601 / Tennessee Technological University -- renfro@tntech.edu
participants (3)
-
Alec Munro -
Mike Renfro -
Paul Winkler