nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Zebra or striped tables template

Shazam

Hi guys,

Has anyone successfully created a working template containing a table with zebra or alternating stripes?

I need to allow the user to choose to have multiple tables (instances) if needed.

On our current site, we have a template that has multiple tables which allow multiple instances, but the tables are not styled for striping.

I know, of course, that the striping will come from my CSS/styles sheet, but have run into some issues here and there and was just wondering if anyone has any tips before I spend too much time on this one only to find it either is out of my league (beginner Teamsite programmer), or can't be done. I know, I know Andy, not much that can't be done with teamsite. ;-)

Any URLS where this has been done using teamsite would be most appreciated.

Thanks,

Suzanne

Find more posts tagged with

Comments

nipper

What you are trying to do is pretty easy.

Do you have HTML that will show how you want it to look ?

All you need to do is put a bit of logic in your TPL to alternate the class

Shazam

What you are trying to do is pretty easy.
Do you have HTML that will show how you want it to look ?

All you need to do is put a bit of logic in your TPL to alternate the class

I thought so, good! Yes, I pretty much have the HTML. I am trying to make this work for three different pages. All three have tables, all three have a header and two columns, multiple rows, so I figured that it was best to use one template. ONE of the pages has two headers, but I think I am going to make one of those headers a section title, and remove it from the table. I think that would be the simplest solution.

Anyway, that is the holdup with the html.....trying to decide what to do and making sure that I really do have three pages with tables where the structure really is the same.

I have just been given a piece of paper with a Word document with what they want, so I am having to piece it together from that.

I am glad to know that I haven't been going in circles. By the way, I have figured out that background image thing for the section headers, and you were right, it was NOT an Interwoven thing, was a change in my CSS.........;-)

Thanks, Nipper! I'll send the html in the next day or so, and what I have so far and see if you think I am on the right track. The only thing I have to go by is what the consultants came in and did before, and as you know from before, lots could be improved on, so I am all ears if you think I could go a different way from the way they did.

Suzanne

vpatel

I am not sure if you are using XSL or TPL templates. If you are using XSL, have a look at this post (see link below) -- it provides you with a similar example (how to alternate data into left and right columns):

http://devnet.interwoven.com/forums_vb/showthread.php?postid=146792#poststop

This is not exactly what you want but similar.

HTH!

Shazam

I am not sure if you are using XSL or TPL templates. If you are using XSL, have a look at this post (see link below) -- it provides you with a similar example (how to alternate data into left and right columns):

http://devnet.interwoven.com/forums_vb/showthread.php?postid=146792#poststop

This is not exactly what you want but similar.

HTH!

Sorry, I should have been specific....I am so new, I just thought everyone used TPL templates! *grin* I do use the TPL templates. Thanks for your help though!

Suzanne

ISCBorisB

Sorry, I should have been specific....I am so new, I just thought everyone used TPL templates! *grin* I do use the TPL templates. Thanks for your help though!

Suzanne

Take a look at the following sample - just concept illustration really
[html]--------- datacapture ----------------------------

Authors

Author

--------- PT -------------------------------------

my ($odd, $buffer) = (0, '');
foreach my $entry(iwpt_dcr_list('dcr.root.authors')) {
$buffer .= sprintf(qq(\n%s),
($odd)? 'oddLine' : 'evenLine',
iwpt_dcr_value('entry.author'));
$odd = !$odd;
}

iwpt_output(qq(
POC $buffer

));
[/html]

Shazam

), ($odd)? 'oddLine' : 'evenLine', iwpt_dcr_value('entry.author')); $odd = !$odd;}iwpt_output(qq(POC$buffer
Take a look at the following sample - just concept illustration really
[html]--------- datacapture ----------------------------

Authors

Author

--------- PT -------------------------------------

my ($odd, $buffer) = (0, '');
foreach my $entry(iwpt_dcr_list('dcr.root.authors')) {
$buffer .= sprintf(qq(\n
%s
));
[/html]

Hi and thanks! That is WAY over my head I am afraid! I do have my HTML together, very simple and will post it shortly. You did however, show me an option I didn't realize I had. I didn't realize that I could use "unbounded" for the max limit. I learn something every time I log on here, should visit more often! ;-)

Thanks,

Suzanne

ISCBorisB

Hi and thanks! That is WAY over my head I am afraid! I do have my HTML together, very simple and will post it shortly. You did however, show me an option I didn't realize I had. I didn't realize that I could use "unbounded" for the max limit. I learn something every time I log on here, should visit more often! ;-)

Thanks,

Suzanne

Please note that the sample *should* be fully functional. Configure this "As Is" and run, see what gets generated.
After that look at the code again and see what it does. It should not be that hard to dissect code that has literally 5 Commands

Shazam

Ok, I am realizing that I may have to create two templates, unless you brains know of a way to create a template to allow a user to create a table with either side headers or top headers. ;-) Bet you do, make sure it isn't over my head! *grin*

All the required tables have a very top header, which is one table cell. Then, depending on what kind of data is being entered, the data may be filtered with headers at the top/by columns, or data that is filtered with headers at the left side/by rows. Does that make sense? I know, I know, why are all of my projects so complicated!? ;-)

The ability to be able to add multiple rows to each table is needed, and the ability to be able to have multiple instances of these tables. Probably up to 24 per page. Neither table type will EVER have more than two columns.

(For the table where the headers are to the left side, in the first cell of each row, I don't have the HTML here, but will post that later.)

Here is the first table's HTML, with the headers at the top of each column of data (For accessibility purposes, I would love to require the user to enter a summary for each table, but am not sure if that is possible, see first line of table code.):

[html] 2009 Month Issued Subject May 2009 Topic #4567 June 2009 Topic #4568 July 2009 Topic #4569 August 2009 Topic #4570

[\html]

Here is the CSS:

>
       -

Thanks for any assistance, direction, or ideas you can give me!

Suzanne

Shazam

Messed up my html somehowL

[html] 2009 Month Issued Subject May 2009 Topic #4567 June 2009 Topic #4568 July 2009 Topic #4569 August 2009 Topic #4570

[/html]

Suzanne