CSS of tag, within a Repeater ItemTemplate

[JJ]

I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

e.g. I have this repeater:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
....and I want to change the class of the '<li>' tag in the ItemTemplate
based on a query string setting:
protected void rpt_SubCategoryList_ItemCreated(Object Sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
//if current query string is x and is the same as
the current repeater item ID then
// set the cssclass of the ItemTemplate's <litag
to "myCssClass"
}

}

I am not sure how I access the itemTemplate's tags?

Thanks in advance

JJ

[dtarczynski]

On 3 Kwi, 15:36, "JJ" <[e-mail]:

I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

Maybe try this:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li class="yourCSSClass"><a href=' '>Some Text Here</a></li>
<-----------------
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

[JJ]

Sorry I should have worded that differently:

How do I _change_ the css class of the tag.

Basically the css class of the tag in the repeater item needs to be
programmatically set whenever the repeater loads.

"dtarczynski" <dt*********@gmail.comwrote in message
news:11**********************@y66g2000hsf.googlegr oups.com...

On 3 Kwi, 15:36, "JJ" <[e-mail]:

>I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

Maybe try this:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li class="yourCSSClass"><a href=' '>Some Text Here</a></li>
<-----------------
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

[bruce barker]

add an id and runat=server on the <lithen you can use Item.FindControl
from the onitemdatbound event.

-- bruce (sqlwork.com)

JJ wrote:

I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

e.g. I have this repeater:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
...and I want to change the class of the '<li>' tag in the ItemTemplate
based on a query string setting:
protected void rpt_SubCategoryList_ItemCreated(Object Sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
//if current query string is x and is the same as
the current repeater item ID then
// set the cssclass of the ItemTemplate's <litag
to "myCssClass"
}

}

I am not sure how I access the itemTemplate's tags?

Thanks in advance

JJ

[Evan M.]

On Apr 3, 11:28 am, bruce barker <[e-mail]:

add an id and runat=server on the <lithen you can use Item.FindControl
from the onitemdatbound event.

-- bruce (sqlwork.com)

JJ wrote:

I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

e.g. I have this repeater:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

...and I want to change the class of the '<li>' tag in the ItemTemplate
based on a query string setting:

protected void rpt_SubCategoryList_ItemCreated(Object Sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
//if current query string is x and is the same as
the current repeater item ID then
// set the cssclass of the ItemTemplate's <litag
to "myCssClass"

}

}

I am not sure how I access the itemTemplate's tags?

Thanks in advance

JJ- Hide quoted text -

- Show quoted text -

Haven't tried it myself to varify that it works, but instead of usign
a runat="server" and having code behind, if the CSS class is coming
from a query string, why not try using some inline scripting on the
page, as shown:
<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li class="<%= Page.Request.QueryString["MyCssClass"] %>"><a
href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

[JJ]

Thanks - both interesting approaches.

As the querystring isn't the _actual_ css class (the css class merely
changes depending on various caculations to do with the value of the
querystring) using the 'runat=server' method seems the more simpl approach
here.

I've never though of setting the css class with inline scripting as you
suggest though - I am sure it will be a useful method I will experment with
with other applications - thanks
"Evan M." <em*************@gmail.comwrote in message
news:11**********************@y80g2000hsf.googlegr oups.com...

On Apr 3, 11:28 am, bruce barker <[e-mail]:

>add an id and runat=server on the <lithen you can use Item.FindControl
from the onitemdatbound event.

-- bruce (sqlwork.com)

JJ wrote:

I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

e.g. I have this repeater:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

...and I want to change the class of the '<li>' tag in the ItemTemplate
based on a query string setting:

protected void rpt_SubCategoryList_ItemCreated(Object Sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
//if current query string is x and is the same
as
the current repeater item ID then
// set the cssclass of the ItemTemplate's <li>
tag
to "myCssClass"

}

}

I am not sure how I access the itemTemplate's tags?

Thanks in advance

JJ- Hide quoted text -

- Show quoted text -

Haven't tried it myself to varify that it works, but instead of usign
a runat="server" and having code behind, if the CSS class is coming
from a query string, why not try using some inline scripting on the
page, as shown:
<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li class="<%= Page.Request.QueryString["MyCssClass"] %>"><a
href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

[JJ]

Sorry - one more question:
What type would I cast the <licontrol to be able to set its css class?
JJ

"bruce barker" <no****@nospam.comwrote in message
news:e3**************@TK2MSFTNGP03.phx.gbl...

add an id and runat=server on the <lithen you can use Item.FindControl
from the onitemdatbound event.

-- bruce (sqlwork.com)

JJ wrote:

>I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

e.g. I have this repeater:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated" >
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
...and I want to change the class of the '<li>' tag in the ItemTemplate
based on a query string setting:
protected void rpt_SubCategoryList_ItemCreated(Object Sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
//if current query string is x and is the same as
the current repeater item ID then
// set the cssclass of the ItemTemplate's <li>
tag to "myCssClass"
}

}

I am not sure how I access the itemTemplate's tags?

Thanks in advance

JJ

[Evan M.]

On Apr 5, 5:56 am, "JJ" <[e-mail]:

Sorry - one more question:
What type would I cast the <licontrol to be able to set its css class?
JJ

"bruce barker" <[e-mail] in message

news:e3**************@TK2MSFTNGP03.phx.gbl...

add an id and runat=server on the <lithen you can use Item.FindControl
from the onitemdatbound event.

-- bruce (sqlwork.com)

JJ wrote:

I'm sure this is quite simple, but clearly not for me today:

How do you set the CSS Style of a tag in a repeater Item Template?

e.g. I have this repeater:

<asp:Repeater runat="server" ID="rpt_SubCategoryList"
OnItemCreated="rpt_SubCategoryList_ItemCreated">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li><a href=' '>Some Text Here</a></li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>

...and I want to change the class of the '<li>' tag in the ItemTemplate
based on a query string setting:

protected void rpt_SubCategoryList_ItemCreated(Object Sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
//if current query string is x and is the same as
the current repeater item ID then
// set the cssclass of the ItemTemplate's <li>
tag to "myCssClass"

}

}

I am not sure how I access the itemTemplate's tags?

Thanks in advance

JJ- Hide quoted text -

- Show quoted text -

Since you just want access to the attributes collection, I'd use the
HtmlGenericControl class.

Evan M.