You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@lenya.apache.org by Jim Douglas <jd...@hotmail.com> on 2006/05/14 02:28:43 UTC

Tabs/Sub Tabs

I set up a publication and deployed it.

I have tabs and want to have sub tabs...or at least a way to be able to 
select different pages under each tab...

Can anyone explain how to do it with Lenya?

Thanks,
Jim



---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org


Re: Tabs/Sub Tabs

Posted by so...@apache.org.
On 5/18/06, Jim Douglas <jd...@hotmail.com> wrote:
> >From: solprovider@apache.org
> >Date: Tue, 16 May 2006 17:56:19 -0400
> >On 5/16/06, Jim Douglas <jd...@hotmail.com> wrote:
> >> >From: solprovider@apache.org
> >> >Date: Mon, 15 May 2006 06:57:13 -0400
> >> >On 5/14/06, Jim Douglas <jd...@hotmail.com> wrote:
> >> >> >From: solprovider@apache.org
> >> >> >Date: Sat, 13 May 2006 23:22:19 -0400
> >> >> >On 5/13/06, Jim Douglas <jd...@hotmail.com> wrote:
> >> >> >>I set up a publication and deployed it.
> >> >> >>I have tabs and want to have sub tabs...or at least a way to be able
> >>to
> >> >> >>select different pages under each tab...
> >> >> >>Can anyone explain how to do it with Lenya?
> >> >> >
> >> >> >I think most Lenya sites use the "menu" Navigation Element to access
> >> >> >pages below the top level.  A solution just for you:
> >> >> >http://solprovider.com/lenya/tabsall
> >> >> >
> >> >> >Feedback would be much appreciated.  While it works, it may need more
> >> >> >XSL and CSS to be pretty.
> >> >>
> >> >>I followed the instruction and lost all my tabs,
> >> >Sorry.  I fixed #4.  Remove mode="tabsall".  That was from a
> >> >development version.
> >> >>
> >> >>What CSS file would I need to add DIV class="tablevel"?  I tried
> >> >>..root/resources/shared/css/page.css
> >> >>What section of the CSS would  I need to change?
> >> >Yes, page.css is a good place for the CSS.  I added some more
> >> >documentation about that.
> >> >
> >>When I followed these instructions my tabs are there but the sub tabs are
> >>not..the colored area that connected the tabs and went completely from
> >>left
> >>to right just below the tabs is gone also...so now they look like boxes
> >>instead of tabs.
> >>
> >>Does this code replace or add to what's in page.css?
> >
> >I rewrote it:
> >- Shows tabs for the documents under the current document.
> >- Does not reuse the CSS for the "tabs" DIV, and
> >- Added another class to differentiate between the tabs on the current
> >path and the current tab
> >- Added working example of CSS.
> >
> >I replaced the first attempt at:
> >http://solprovider.com/lenya/tabsall
> >Download both files again.
> >
> >I hope this is closer to what you want.  I gave everything a
> >background.  I could not make it look good as multiple levels of tabs
> >with bottom borders, but I welcome any suggestions
> We're getting there....you want to replace the contents of tabsall.css with
> the tabsall.xsl.
>
> ...and it would be great if you provided the complete CSS file.
>
> I'll add one or two more once I get more familiar with CSS.

Oops.  The names on each links was for the other file.  Fixed now.  Thanks.

Did you download both files?  They should have downloaded to the
correct filenames.

I do not provide a complete CSS file because every website would look
like mine.  I prefer to provide diffs when possible.  You could just
add:
   <link rel="stylesheet" href="{$root}/css/tabsall.css" type="text/css"/>
to your HTML (page2xhtml.xsl) to add the CSS without touching page.css.

It should be possible to change the CSS so the DIVs look like tabs and
the levels overlap.  That might require some graphics to round the top
corners on the tabs, which makes it much more complex to implement.  I
am finishing indexes for Lenya 1.3, and do not want to break to play
with this.

solprovider

---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org


Re: Tabs/Sub Tabs

Posted by Jim Douglas <jd...@hotmail.com>.
>From: solprovider@apache.org
>Reply-To: user@lenya.apache.org
>To: user@lenya.apache.org
>Subject: Re: Tabs/Sub Tabs
>Date: Tue, 16 May 2006 17:56:19 -0400
>
>On 5/16/06, Jim Douglas <jd...@hotmail.com> wrote:
>> >From: solprovider@apache.org
>> >Date: Mon, 15 May 2006 06:57:13 -0400
>> >
>> >On 5/14/06, Jim Douglas <jd...@hotmail.com> wrote:
>> >> >From: solprovider@apache.org
>> >> >Date: Sat, 13 May 2006 23:22:19 -0400
>> >> >
>> >> >On 5/13/06, Jim Douglas <jd...@hotmail.com> wrote:
>> >> >>I set up a publication and deployed it.
>> >> >>I have tabs and want to have sub tabs...or at least a way to be able 
>>to
>> >> >>select different pages under each tab...
>> >> >>Can anyone explain how to do it with Lenya?
>> >> >
>> >> >I think most Lenya sites use the "menu" Navigation Element to access
>> >> >pages below the top level.  A solution just for you:
>> >> >http://solprovider.com/lenya/tabsall
>> >> >
>> >> >Feedback would be much appreciated.  While it works, it may need more
>> >> >XSL and CSS to be pretty.
>> >>
>> >>I followed the instruction and lost all my tabs,
>> >Sorry.  I fixed #4.  Remove mode="tabsall".  That was from a
>> >development version.
>> >>
>> >>What CSS file would I need to add DIV class="tablevel"?  I tried
>> >>..root/resources/shared/css/page.css
>> >>What section of the CSS would  I need to change?
>> >Yes, page.css is a good place for the CSS.  I added some more
>> >documentation about that.
>> >
>>When I followed these instructions my tabs are there but the sub tabs are
>>not..the colored area that connected the tabs and went completely from 
>>left
>>to right just below the tabs is gone also...so now they look like boxes
>>instead of tabs.
>>
>>Does this code replace or add to what's in page.css?
>
>I rewrote it:
>- Shows tabs for the documents under the current document.
>- Does not reuse the CSS for the "tabs" DIV, and
>- Added another class to differentiate between the tabs on the current
>path and the current tab
>- Added working example of CSS.
>
>I replaced the first attempt at:
>http://solprovider.com/lenya/tabsall
>Download both files again.
>
>I hope this is closer to what you want.  I gave everything a
>background.  I could not make it look good as multiple levels of tabs
>with bottom borders, but I welcome any suggestions
>
>solprovider
>
>---------------------------------------------------------------------
>To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
>For additional commands, e-mail: user-help@lenya.apache.org
>


We're getting there....you want to replace the contents of tabsall.css with 
the tabsall.xsl.

...and it would be great if you provided the complete CSS file.

I'll add one or two more once I get more familiar with CSS.


Thanks,
Jim



---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org


Re: Tabs/Sub Tabs

Posted by so...@apache.org.
On 5/16/06, Jim Douglas <jd...@hotmail.com> wrote:
> >From: solprovider@apache.org
> >Date: Mon, 15 May 2006 06:57:13 -0400
> >
> >On 5/14/06, Jim Douglas <jd...@hotmail.com> wrote:
> >> >From: solprovider@apache.org
> >> >Date: Sat, 13 May 2006 23:22:19 -0400
> >> >
> >> >On 5/13/06, Jim Douglas <jd...@hotmail.com> wrote:
> >> >>I set up a publication and deployed it.
> >> >>I have tabs and want to have sub tabs...or at least a way to be able to
> >> >>select different pages under each tab...
> >> >>Can anyone explain how to do it with Lenya?
> >> >
> >> >I think most Lenya sites use the "menu" Navigation Element to access
> >> >pages below the top level.  A solution just for you:
> >> >http://solprovider.com/lenya/tabsall
> >> >
> >> >Feedback would be much appreciated.  While it works, it may need more
> >> >XSL and CSS to be pretty.
> >>
> >>I followed the instruction and lost all my tabs,
> >Sorry.  I fixed #4.  Remove mode="tabsall".  That was from a
> >development version.
> >>
> >>What CSS file would I need to add DIV class="tablevel"?  I tried
> >>..root/resources/shared/css/page.css
> >>What section of the CSS would  I need to change?
> >Yes, page.css is a good place for the CSS.  I added some more
> >documentation about that.
> >
> When I followed these instructions my tabs are there but the sub tabs are
> not..the colored area that connected the tabs and went completely from left
> to right just below the tabs is gone also...so now they look like boxes
> instead of tabs.
>
> Does this code replace or add to what's in page.css?

I rewrote it:
- Shows tabs for the documents under the current document.
- Does not reuse the CSS for the "tabs" DIV, and
- Added another class to differentiate between the tabs on the current
path and the current tab
- Added working example of CSS.

I replaced the first attempt at:
http://solprovider.com/lenya/tabsall
Download both files again.

I hope this is closer to what you want.  I gave everything a
background.  I could not make it look good as multiple levels of tabs
with bottom borders, but I welcome any suggestions

solprovider

---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org


Re: Tabs/Sub Tabs

Posted by Jim Douglas <jd...@hotmail.com>.
>From: solprovider@apache.org
>Reply-To: user@lenya.apache.org
>To: user@lenya.apache.org
>Subject: Re: Tabs/Sub Tabs
>Date: Mon, 15 May 2006 06:57:13 -0400
>
>On 5/14/06, Jim Douglas <jd...@hotmail.com> wrote:
>> >From: solprovider@apache.org
>> >Reply-To: user@lenya.apache.org
>> >To: user@lenya.apache.org
>> >Subject: Re: Tabs/Sub Tabs
>> >Date: Sat, 13 May 2006 23:22:19 -0400
>> >
>> >On 5/13/06, Jim Douglas <jd...@hotmail.com> wrote:
>> >>I set up a publication and deployed it.
>> >>I have tabs and want to have sub tabs...or at least a way to be able to
>> >>select different pages under each tab...
>> >>Can anyone explain how to do it with Lenya?
>> >
>> >I think most Lenya sites use the "menu" Navigation Element to access
>> >pages below the top level.  A solution just for you:
>> >http://solprovider.com/lenya/tabsall
>> >
>> >Feedback would be much appreciated.  While it works, it may need more
>> >XSL and CSS to be pretty.
>>
>>I followed the instruction and lost all my tabs,
>>
>>What CSS file would I need to add DIV class="tablevel"?  I tried
>>..root/resources/shared/css/page.css
>>
>>What section of the CSS would  I need to change?
>
>Sorry.  I fixed #4.  Remove mode="tabsall".  That was from a
>development version.
>
>Yes, page.css is a good place for the CSS.  I added some more
>documentation about that.
>
>solprovider
>
>---------------------------------------------------------------------
>To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
>For additional commands, e-mail: user-help@lenya.apache.org
>

When I followed these instructions my tabs are there but the sub tabs are 
not..the colored area that connected the tabs and went completely from left 
to right just below the tabs is gone also...so now they look like boxes 
insted of tabs.

Does this code replace or add to what's in page.css?

#tabsall {
padding: 0px 0px 0px 10px;
}
.tablevel {
padding: 0px 0px 0px 10px;
}
.tab {
padding: .2em .5em;
background-color: #FFEEEE;
border: solid 1px #BB9999;
}
.tab-selected {
padding: .2em .5em;
background-color: #000066;
color: #FFFFFF;
font-weight: bold;
border: solid 1px #BB9999;
border-bottom: solid 1px #DDBBBB;
}



---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org


Re: Tabs/Sub Tabs

Posted by so...@apache.org.
On 5/14/06, Jim Douglas <jd...@hotmail.com> wrote:
> >From: solprovider@apache.org
> >Reply-To: user@lenya.apache.org
> >To: user@lenya.apache.org
> >Subject: Re: Tabs/Sub Tabs
> >Date: Sat, 13 May 2006 23:22:19 -0400
> >
> >On 5/13/06, Jim Douglas <jd...@hotmail.com> wrote:
> >>I set up a publication and deployed it.
> >>I have tabs and want to have sub tabs...or at least a way to be able to
> >>select different pages under each tab...
> >>Can anyone explain how to do it with Lenya?
> >
> >I think most Lenya sites use the "menu" Navigation Element to access
> >pages below the top level.  A solution just for you:
> >http://solprovider.com/lenya/tabsall
> >
> >Feedback would be much appreciated.  While it works, it may need more
> >XSL and CSS to be pretty.
>
> I followed the instruction and lost all my tabs,
>
> What CSS file would I need to add DIV class="tablevel"?  I tried
> ..root/resources/shared/css/page.css
>
> What section of the CSS would  I need to change?

Sorry.  I fixed #4.  Remove mode="tabsall".  That was from a
development version.

Yes, page.css is a good place for the CSS.  I added some more
documentation about that.

solprovider

---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org


Re: Tabs/Sub Tabs

Posted by Jim Douglas <jd...@hotmail.com>.
>From: solprovider@apache.org
>Reply-To: user@lenya.apache.org
>To: user@lenya.apache.org
>Subject: Re: Tabs/Sub Tabs
>Date: Sat, 13 May 2006 23:22:19 -0400
>
>On 5/13/06, Jim Douglas <jd...@hotmail.com> wrote:
>>I set up a publication and deployed it.
>>I have tabs and want to have sub tabs...or at least a way to be able to
>>select different pages under each tab...
>>Can anyone explain how to do it with Lenya?
>
>I think most Lenya sites use the "menu" Navigation Element to access
>pages below the top level.  A solution just for you:
>http://solprovider.com/lenya/tabsall
>
>Feedback would be much appreciated.  While it works, it may need more
>XSL and CSS to be pretty.
>
>solprovider
>
>---------------------------------------------------------------------
>To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
>For additional commands, e-mail: user-help@lenya.apache.org
>


I followed the instruction and lost all my tabs,

What CSS file would I need to add DIV class="tablevel"?  I tried 
..root/resources/shared/css/page.css


What section of the CSS would  I need to change?

Jim



---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org


Re: Tabs/Sub Tabs

Posted by so...@apache.org.
On 5/13/06, Jim Douglas <jd...@hotmail.com> wrote:
> I set up a publication and deployed it.
> I have tabs and want to have sub tabs...or at least a way to be able to
> select different pages under each tab...
> Can anyone explain how to do it with Lenya?

I think most Lenya sites use the "menu" Navigation Element to access
pages below the top level.  A solution just for you:
http://solprovider.com/lenya/tabsall

Feedback would be much appreciated.  While it works, it may need more
XSL and CSS to be pretty.

solprovider

---------------------------------------------------------------------
To unsubscribe, e-mail: user-unsubscribe@lenya.apache.org
For additional commands, e-mail: user-help@lenya.apache.org