Spry preference problem

[aquo.com]

I setup a Spry container on this site's home page
([url]http://www.profitpt.com/index.asp[/url]) to organize several different services. The
container allows the user to switch between different static content pieces.
The Spry is based on on of the Adobe "Aquo" demo site features. When the page
loads, it open with the first static content sections (Infrastructure
Planning). However the tab is displaying the light blue shading, rather than
the darker blue that should be displayed when the user selects a category.

I'm sure there is a setting to change this, buit I can't seem to find it.

Any help would be appreciated.[url]http://www.profitpt.com/index.asp[/url]

[Andres Cayon]

Hi:
Try this trick:
You will find that the TR tag wrapping your first tab looks like this:
<tr class="eventrow" spry:hover="rowHover" spry:select="rowSelected">

Try changing it to:
<tr class="eventrow rowSelected" spry:hover="rowHover"
spry:select="rowSelected">

HTH

Andres Cayon
Spain Adobe Dreamweaver User Group
[url]http://www.dwug.es[/url]
----------------------


"aquo.com" <webforumsuser@macromedia.com> escribió en el mensaje de noticias
news:fth6en$bls$1@forums.macromedia.com...

>I setup a Spry container on this site's home page
> ([url]http://www.profitpt.com/index.asp[/url]) to organize several different
> services. The
> container allows the user to switch between different static content
> pieces.
> The Spry is based on on of the Adobe "Aquo" demo site features. When the
> page
> loads, it open with the first static content sections (Infrastructure
> Planning). However the tab is displaying the light blue shading, rather
> than
> the darker blue that should be displayed when the user selects a category.
>
> I'm sure there is a setting to change this, buit I can't seem to find it.
>
> Any help would be appreciated.[url]http://www.profitpt.com/index.asp[/url]
>

[aquo.com]

Andres, thanks for your suggestion. Unfortauntely, this solution does not work
because the code is using a repeat function. When I changed the code to reflect
your recommendation, ALL of the tabs changed to the "select" color.

The actual code for this container looks like this:

<div id="content1" spry:region="dsEvents">
<table id="events">
<tr>
<th id="eventheader">Supply chain Services</th>
</tr>
<tr class="eventrow" spry:repeat="dsEvents" spry:hover="rowHover"
spry:select="rowSelected" spry:setrow="dsEvents">
<td><span class="eventname"><img src="images/spacer.gif" width="30"
height="20" border="0" />{name}</span><br /> </td>
</tr>
</table>
</div>

Any other ideas?

[Andres Cayon]

Oh I see: You are populating it using ASP code...

Then, why not something a control variable?
I'm not an ASP coder, but you should get the point:

<% dim isFirstRow=true %>
<% begin loop %>
<tr class="eventrow<% If isfirstRow==true Then %> rowSelected<% End If;
isFirstRow=false %>" spry:repeat="dsEvents" spry:hover="rowHover"
spry:select="rowSelected" spry:setrow="dsEvents">
<% end loop %>

That is: We set a control variable to true and when the condition matches
for the first time (first row) we set it to false and the class won't be
added to the following rows

Hope it makes sense
--
Andres Cayon
Spain Adobe Dreamweaver User Group
[url]http://www.dwug.es[/url]
----------------------


"aquo.com" <webforumsuser@macromedia.com> escribió en el mensaje de noticias
news:ftj3u5$ip1$1@forums.macromedia.com...

> Andres, thanks for your suggestion. Unfortauntely, this solution does not
> work
> because the code is using a repeat function. When I changed the code to
> reflect
> your recommendation, ALL of the tabs changed to the "select" color.
>
> The actual code for this container looks like this:
>
> <div id="content1" spry:region="dsEvents">
> <table id="events">
> <tr>
> <th id="eventheader">Supply chain Services</th>
> </tr>
> <tr class="eventrow" spry:repeat="dsEvents" spry:hover="rowHover"
> spry:select="rowSelected" spry:setrow="dsEvents">
> <td><span class="eventname"><img src="images/spacer.gif" width="30"
> height="20" border="0" />{name}</span><br /> </td>
> </tr>
> </table>
> </div>
>
> Any other ideas?
>

[aquo.com]

No, actually I am not using ASP to populate the page. This is Spry.

Help?!?

[Andres Cayon]

Then, the best idea would be using some spry conditions:

-if the current row {ds_RowNumber} equals the currently selected rowID
{ds_CurrentRowID}, display a selected tr; if it doesn't, display a normal tr

-When the dataset loads {ds_CurrentRowID} is 0 by default, so
{ds_RowNumber}=={ds_CurrentRowID} is true for the first row (0==0)

So, this code should work

<div id="content1" spry:region="dsEvents">
<table id="events">
....
<!-- repeat elements inside the tbody-->
<tbody spry:repeatchildren="dsEvents">

<!-- condition: display this tr with a spry:selected attribute if
{ds_RowNumber}== {ds_CurrentRowID} -->
<tr spry:if="{ds_RowNumber}== {ds_CurrentRowID}" class="eventrow"
spry:hover="rowHover" spry:select="rowSelected" spry:setrow="dsEvents"
spry:selected="selected">
<td>{name}</td>
</tr>

<!-- condition: display this tr without a spry:selected attribute if
{ds_RowNumber}!= {ds_CurrentRowID} -->
<tr spry:if="{ds_RowNumber}!= {ds_CurrentRowID}" class="eventrow"
spry:hover="rowHover" spry:select="rowSelected" spry:setrow="dsEvents">
<td>{name}</td>
</tr>

</tbody>
</table>
</div>


It's a bit hard to explain, but if you look at the code you will see it's
not that difficult

HTH
--
Andres Cayon
Spain Adobe Dreamweaver User Group
[url]http://www.dwug.es[/url]
----------------------


"aquo.com" <webforumsuser@macromedia.com> escribió en el mensaje de noticias
news:ftjgtf$3du$1@forums.macromedia.com...

> No, actually I am not using ASP to populate the page. This is Spry.
>
> Help?!?