Spry:select on it's own?

How can spry:select be used outside of a data region?
Have a server side dataset that is written to a table. By
creating a dummy spry dataset I can use the spry:select and
spry:selectgroup behaviors.
Is this possible without creating the dummy spry dataset? If
so how?

Similar Messages

Multiple spry:selects on Multiple Datasets

Hi,
I have a main xmldataset A from which 2 other datasets B and C are populated via A datasets' A.getDocument() and are thus dependencies of A
dataset A has its own spry:region with a spry:select
B and C share a spry:region also with respective spry:select
thus
<ul spry:region="A"><li spry:repeat... spry:select="class">....</ul><ul spry:region="B C"><li spry:repeat="B" spry:select="class"><ul><li spry:repeat="C" spry:select="class"></li>.....
When I first only had A's region the spry:select worked fine
but when I added B only B's spry:select worked and then when I added C only C worked
How do I get all region spry:select to STAY selected on each's own currentRow()?
P.S. what is spry:selected and can someone elaborate on the documentations definition of Spry:Selectgroup?

Please have a look at the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
        .MasterDetail {
            font: 100% Verdana, Geneva, sans-serif;
            margin: 2px;
        .MasterDetail .MasterContainer {
            background-color: #EAEAEA;
            border: 1px solid gray;
            width: 35%;
            float: left;
            height: 400px;
            overflow: auto;
        .MasterDetail .MasterColumn {
            font-size: 75%;
            background-color: #CCCCCC;
            padding:5px;
            cursor:pointer;
        .MasterDetail .MasterColumnHover {
            background-color: #EAEAEA;
        .MasterDetail .MasterColumnSelected {
            background-color:#848484;
            color: white;
        .MasterDetail .DetailContainer {
            border: 1px solid gray;
            padding:10px;
            width: 60%;
            float: right;
            overflow: auto;
        .MasterDetail .DetailColumn {
            margin-bottom: 1px;
</style>
</head>
<body>
<div class="MasterDetail">
    <div spry:region="dsItem" class="MasterContainer">
      <div class="MasterColumn" spry:repeat="dsItem" spry:setrow="dsItem" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{day}</div>
    </div>
    <div spry:detailregion="dsItem" class="DetailContainer">
      <div class="DetailColumn">{title}</div>
      <div class="DetailColumn">{description}</div>
      <div class="DetailColumn">{link}</div>
      <div class="DetailColumn">{category}</div>
      <div class="DetailColumn">{category/@domain}</div>
      <div class="DetailColumn">{comments}</div>
      <div class="DetailColumn">{pubDate}</div>
      <div class="DetailColumn">{timestamp}</div>
      <div class="DetailColumn">{guid}</div>
      <div class="DetailColumn">{fbid}</div>
      <div class="DetailColumn">{fbid/@colour}</div>
    </div>
    <br style="clear:both" />
</div>
<script src="SpryAssets/xpath.js"></script>
<script src="SpryAssets/SpryData.js"></script>
<script>
    var dsItem = new Spry.Data.XMLDataSet("package/xml.php", "rss/channel/item");
</script>
</body>
</html>
The master container contains the date. It does not matter how you want to format the date as long as it has a spry:setrow. This will determine the row to show in the spry:detailregion.
Gramps

Problem with spry:select not selecting

I am having trouble getting the spry:select to work on the
following code. Everything works except for the spry:select. If I
remove the spry:hover and the spry:sort, then the spry:select will
work. The only way I can get the spry:select to work is if it is
the only spry statement in the <td>. Please help.
NON-WORKING SPRY:SELECT CODE:
<div spry:region="pv1">
Records {ds_PageFirstItemNumber}-{ds_PageLastItemNumber} of
{ds_PageTotalItemCount}
<table cellpadding="0" cellspacing="0" border="0"
width="100%">
<tr>
<td class="tableheader" style="cursor:pointer;"
spry:select="tableheaderSel" spry:hover="tableheaderSel"
spry:sort="airport_code">Airport</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel" spry:sort="hotel">Hotel</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel"
spry:sort="bookings">Bookings</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel"
spry:sort="previous_year_bookings">Previous Year</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel" spry:sort="change">Change</td>
<td class="tableheader" style="cursor:pointer;"
spry:hover="tableheaderSel"
spry:sort="percent_change">%</td>
</tr>
<tr spry:repeat="pv1" spry:odd="tablerow1">
<td class="tablecell"
spry:content="{airport_code}"></td>
<td class="tablecell"
spry:content="{hotel}"></td>
<td class="tablecell"
spry:content="{bookings}"></td>
<td class="tablecell"
spry:content="{previous_year_bookings}"></td>
<td class="tablecell"
spry:content="{change}"></td>
<td class="tablecell"
spry:content="{percent_change}"></td>
</tr>
</table>
<p>
<div style="float:right;">
<input type="button" value="Next"
onClick="pv1.nextPage();" />
<input type="button" value="Last"
onClick="pv1.lastPage();" />
</div>
<div style="float:left;">
<input type="button" value="First"
onClick="pv1.firstPage();" />
<input type="button" value="Prev"
onClick="pv1.previousPage();" />
</div>
</div>

When you use a spry:sort, you are sorting the data set and
the entire region is redrawn. This wipes out the spry:select. This
happens to the select, no matter where it is.
The way to highlight the currently selected column is a bit
tedious. You will have to have a spry:if that checked the value of
{ds_SortColumn}. This means repeating the <TD> for each
condition.
It's a sub-optimal solution but we don't have attribute level
control.
However, we do have some tools and enhancements coming up
that should make this easier. But they are not ready yet, so...
http://labs.adobe.com/technologies/spry/samples/data_region/DataSetMasterDetailSample.html
has an example of how we use spry:if to conditionally put on
an attribute.
Don

Using spry select on multiple forms in same page

Greetings-
My apologies if this has already been answered but after a few searches I've not found my solution....
I have a web page with 2 different forms (completely different open form and close form tags) that I'm trying to get the Spry Select Widget to work in.
Both forms' Spry Select widgets interact as expected with the user with one exception; the second form continues to submit to the action page even if the user is trying to submit an invalid value (the docs suggested using the value of -1 so that's what I'm using). The appropriate error gets displayed to the user but the form continues to submit, which I don't want. Is there a limitation that I missed regarding the use of multiple forms in the same web page with the Spry Select Widget?
FWIW, I'm running the app on ColdFusion and even the cfform/cfselect won't work with the Spry Widget.... I've named and id'd all forms and form elements and still no luck.
Any ideas?
Thanks in advance,
Rich

Hi Brad,
The preamble looks reasonable. I would like to make sure you are clear on the process.
The data needs to be rendered twice (i.e. a 2 step job). In the first step you create a trace file with the page count for each document in it...\trace"^define User:PageCountForTrans_@:TransCount. @$page.@LF."."
In the second step, that trace file is brought back in as a preamble file.
Please confirm that you are in fact passing the data twice.
cheers
Chris

Spry select list code to wire it to html data table SET column?

I am making a page based on Figure 15-14, Pg 878, in David Power's book, "Dw CS4 with CSS, Ajax and PHP. I have two separate html data tables hidden in the page, one for the specialties drop down select list and the other for the teachers master/detail regions. These are populated with php and working well. The spry select list and master/detail regions are working great except for one issue. The column in my html data table that is being filtered ("Specialty" in my code = 'Category' in the book's example code) is a SET column (with possible value of 1, 2, 3, 4, and/or 5). Clicking on the drop down menu brings up the records with a single value beautifully. The result for records with multiple values is a spry error "Invalid row number: 0". After four different versionings and methods of messing with this, I still haven't a clue. Please help me with how to rewire the Spry select list code so that it will read the records that have multiple items in that column. I have included the code below.
var data_set_teachers = new Spry.Data.HTMLDataSet(null, "teacher_data");
data_set_teachers.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row["Specialty"] == data_set_teachers.gallery) {
   return row;
return null;
data_set_teachers.filter(chooseSet);
function changeSet(set)
data_set_teachers.gallery = set;
data_set_teachers.filter(chooseSet);
data_set_teachers.setCurrentRowNumber(0);
var rows = data_set_teachers.getData();
for (var i = 0; i < rows.length; i++) {
   if (rows[i]["Specialty"] == set) {
     data_set_teachers.setCurrentRowNumber(i);
     break;
var data_set_specialties = new Spry.Data.HTMLDataSet(null, "specialty_data");

Well I'll be damned!
What's done in the sample app is, of course, the intuitively obvious choice and is exactly what I started out trying to do the first time round.
But as I mentioned before, when I first tried it (yes: I'm pretty sure I set the "for" attribute on the inlineMessage components), I got the non-unique component id exception for the inlineMessage component(s) after adding the second (but not the first) row to the page.
Anyway, after dragging my inlineMessages to the exact same position as those in the AppModel example, now things work fine (except I think I'd like a line break before the message and to change the row/column styles so the values and messages line up properly...the look is rather ugly in the AppModel example when there are validation messages displayed).
Not sure, but I'm thinking maybe there was an issue with where the inline message markup was placed, my first time through, relative to the data table value bound component and the column header facet?
I was using the application view drag 'n drop feature the first time round and dragged the inlineMessage component to the spot just below the data table value bound component and hence just above the column header facet. In the AppModel example, OTOH, the inline messages are placed just after the column header facet.
Of course, I will now try to duplicate the original exception.
If I can (and it is an issue with placement), I will post back some sort of bug report or RFE. Otherwise, I'll post back declaring what a bone head I've been...;-)
Anyway, thanks for the quick response, v.
Campbell

Spry:select only works on double or second click

Why when using the spry:select does it only work once I have
double-clicked
I have put the ".selected" class at the bottom of my css
style sheet so it will be picked up correctly
here is the link and below is a snippet of code
http://www.studio-rasa.com/Store/Store_View_All2.html#
(if you test out the link above, you can see that I'm trying
to get the background color of the link to be gray once they are
clicked. However, they only turn gray once it has been clicked
twice)
<li><a href="#" onclick =
"dsCategories.setCurrentRow('1');"
spry:select="selected">Oil</a></li>
<li><a href="#" onclick =
"dsCategories.setCurrentRow('2');"
spry:select="selected">Pastel</a></li>
<li><a href="#" onclick =
"dsCategories.setCurrentRow('3');"
spry:select="selected">Watercolor</a></li>

Hi,
Was there a solution to this? I've come across it as well.
What causes this for me is when I'm using nested data sets. Here it
is in a simplified example:
<?xml version="1.0" encoding="UTF-8"?>
<specials>
<menu_item id="1">
<item>Summer Salad</item>
<ingredients>
<ingredient id="1">tomatoes</ingredient>
<ingredient id="2">lettuce</ingredient>
<ingredient id="3">onions</ingredient>
</ingredients>
</menu_item>
<menu_item id="2">
<item>Thai Noodle Salad</item>
<ingredients>
<ingredient id="1">tomatoes</ingredient>
<ingredient id="2">noodles</ingredient>
</ingredients>
</menu_item>
</specials>
<script type="text/javascript">
var dsSpecials = new Spry.Data.XMLDataSet("data.xml",
"specials/menu_item");
var dsIngredients = new
Spry.Data.NestedXMLDataSet(dsSpecials,"ingredients/ingredient");
</script>
<style>
.row_selected {font-weight: bold;}
</style>
<div id="specials" spry:region="dsSpecials
dsIngredients">
<table>
<tr spry:repeat="dsSpecials" spry:select="row_selected"
spry:setrow="dsSpecials">
<td>- {item}</td>
<td><span
spry:repeat="dsIngredients">{dsIngredients::ingredient}
</span></td>
</tr>
</table>
</div>
This works (i.e. class is applied properly on a single click)
if:
1) I remove the spry:setrow="dsSpecials"
OR
2) I remove the nested data: i.e. (remove dsIngredients from
spry:region attribute in the div and the second <td> tag)
Thanks

What is the deal with spry:selected

spry:selected has no documentation with it and seems to be a totally forgotten tag.
Can somebody explain it's use?

I use it quite a bit for zooming in and out (by dragging up and down) but you have to be careful you don't move left or right when doing this as it then becomes a bit unpredictable as you say...
If you just want to use the playhead for dragging left and right (and if you can't find a pref to turn it off) you'll just have to be careful to drag only in the horizontal axis and not up or down..
Cheers
Robo

Spry:selected with hpanel.loadContent

Hi
I'm new to spry and very excited about it but still have some
issues.
I have a repeat region menu whose items link to different
display panels.
The featured projects item leads to one kind of display.
The staff, history, contact items lead to another kind of
display.
I want the selected item in the menu (the displayed one) to
appear with the selected class in the menu (in red).
I cannot use the "spry:when="
{ds_CurrentRowNumber} == {ds_RowNumber}" ...
spry:selected="selected">" because i have to change panel
according to the menu id :
<div spry:state="ready" spry:repeat="dsMenuAbout"
spry:choose="spry:choose" spry:hover="MenuHoverClass"
spry:select="MenuSelectClass" spry:selected="MenuSelectedClass">
<div spry:when="'
{dsMenuAbout::@id_nomdepage}' == '4'"
spry:setrow="dsMenuAbout"
spry:selected="MenuSelectedClass">
<a href="includeFeaturedMoophp.php"
onclick="hpanel.loadContent(this.href); return false;"
spry:selected="MenuSelectedClass">
{@nomang_nomdepage}</a></div>
<div spry:when="'{dsMenuAbout::@id_nomdepage}' == '6'"
spry:setrow="dsMenuAbout">
<a href="includeStaff11.php"
onclick="hpanel.loadContent(this.href); return false;"
spry:selected="MenuSelectedClass">
{@nomang_nomdepage}</a></div>
<div spry:when="'{dsMenuAbout::@id_nomdepage}' == '7'"
spry:setrow="dsMenuAbout">
<a href="includeGallery.php"
onclick="hpanel.loadContent(this.href); return false;"
spry:selected="MenuSelectedClass">
{@nomang_nomdepage}</a></div>
Etc.
See it
here
The hover and select classes will display in the menu but the
selected class won't with the onclick (or default) action wherever
I put it.
Despite all my tries, i cannot find a way.
Can somenone explain to me the role of the setrow, which in
this case is "setting the row" for the onclick thing but not for
the selected class thing.
And tell me where to put the
spry:selected="MenuSelectedClass" for it to work
Second issue : I have the same kind of question with the
state:ready — where to put it?
Thanks

Hi andream1977,
I don't really understand what you are trying to accomplish.
Even if the above code worked, you would end up with an
optgroup having a single option. An optgroup should generally have
more.
Please study
this
article first.
Please note that:
- spry:test can only be used in conjunction with
spry:repeat(children), for other anywhere insede a region you have
spry:if
- spry:repeatchildren put on an element makes EVERY children
of the element repeat (so in your case that is why optgroup repeats
itself)
- you don't have to use the spry:test again in the eng tag
Hope that helps,

Cannot see Blue Spry Selection Tab

I've added a menu to my site but I cannot edit it because I
cannot see Blue Spry Selection Tab. I made sure "how invisible
elements" setting is turned on and that Hide All is off. What else
could cause the tab to not be visible?

I've added a menu to my site but I cannot edit it because I
cannot see Blue Spry Selection Tab. I made sure "how invisible
elements" setting is turned on and that Hide All is off. What else
could cause the tab to not be visible?

Spry:select CSS Styling question

I have this table in my html document and it works fine but
I'd like to add one more thing that has me stumped.
When the page loads. I'd like the CSS class mySelectClass to
be applied to the first row program-atically. Currently when the
paqge loads none of the items has the CSS class styling applied. I
can select any other row except the first one and then the styling
applies to that row and then go back to the first row and select it
to apply the styling. The effect I'm looking for is to let the user
know that the first row is selected already as soon as the page
loads. Thanks a bunch.
<div spry:region="dsCalmonths" class="float_left" >
<table>
<tr>
<th>Mo-Yr</th>
</tr>
<tr spry:repeat="dsCalmonths" spry:setrow="dsCalmonths"
spry:select="mySelectClass">
<td>{dsCalmonths::moyr}</td>
</tr>
</table>
</div>

You have to use the spry:selected attribute. Look at the
product demo to see how its used in that table:
http://labs.adobe.com/technologies/spry/demos/products/index.html
--== Kin ==--

Spry Select Firefoxs/Safari

Hi All,
Need help, the below spry select widget is not passing the
select elements value after selection in Firefox and Safari... It
works fine on IE and just realized its not working in
Firefox/Safari...
So this isn't a obvious spry functioning problem, the spry
works fine... But rather the select element and it's value is not
being passed when the form is submitted.
When the user selects a state it then loads a dataset to
select a town... Below is the State select form element.
<span id="spry_Search_State" spry:region="StatesXML">
<label>
<select name="Search_State" id="Search_State"
onchange="document.frm_Search.Seach_Town.disabled = false;
document.getElementById('Seach_Town').style.background = '#FFFFFF';
document.getElementById('Search_Title').style.color = '#000000';
StatesXML.setCurrentRowNumber(this.selectedIndex); "
spry:repeatchildren="StatesXML" class="forminput">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
value="{url}" selected="selected">{name}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{url}">{name}</option>
</select>
</label>
</span>

It's hard to diagnose your problem if we can't see your
setup. As an alternative, I whipped up this simple form, and it
seems to work just fine. Does it work for you?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Spry Submit Test</title>
<script type="text/javascript"
src="SpryAssets/xpath.js"></script>
<script type="text/javascript"
src="SpryAssets/SpryData.js"></script>
<script type="text/javascript">
var StatesXML = new Spry.Data.XMLDataSet("states.xml",
"/states/state");
</script>
</head>
<body>
<form action="foo.html">
<span id="spry_Search_State" spry:region="StatesXML">
<label>
<select name="Search_State" id="Search_State"
onchange="StatesXML.setCurrentRowNumber(this.selectedIndex);"
spry:repeatchildren="StatesXML" class="forminput">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
value="{url}" selected="selected">{name}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{url}">{name}</option>
</select>
</label>
</span><input name="myTF" type="text"
value="myTFValue" />
<input name="" type="submit" value="submit" />
</form>
</body>
</html>
--== Kin ==--

Spry:selected highlights last row and not default

I've seen people post this error, but I'm not finding any simple fixes for this. I'm in Dreamweaver CS4 and I have inserted a spry dataset: Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="thur" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="thur" spry:setrow="thur" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="l" spry:selectedgroup="1">{Activity}</div>
</div>
<div spry:detailregion="thur" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="fri" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="fri" spry:setrow="fri" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="2" spry:selectedgroup="2">{Activity}</div>
</div>
<div spry:detailregion="fri" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="sat" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="sat" spry:setrow="sat" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="3" spry:selectedgroup="3">{Activity}</div>
</div>
<div spry:detailregion="sat" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>
When I added the spry:selected function it highlighted the last row in the master column, versus the first row, for which it's displaying details in the details region. Am I missing a small bit of simple code?

Alright, I got it working...
This is for multi spry datasets (3 on one page: thur, fri and sat), highlighting the default (first) selected row/record on the left master list (which is the Dreamweaver CS4 default for master/detail, but it doesn't automatically highlight it as "selected") of EACH dataset (using spry:selectgroup and spry:selectedgroup).
The only variables that you would change are the following:
- all the thur, fri, and sat (as in spry:region="thur")
- all the group numbers (as in spry:selectgroup="1")
- all the items in {} (as in {Activity})
- of course all the file names (as in "thursday.html")
All the class names (as in "MasterColumnHover") are all the Dreamweaver CS4 defaults.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="thur" class="MasterContainer">
        <div spry:repeat="thur" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="thur" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="1" spry:select="MasterColumnSelected" spry:selectgroup="1">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="thur" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="1">{Activity}</div>
</div></div>
   <div spry:detailregion="thur" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="fri" class="MasterContainer">
        <div spry:repeat="fri" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="fri" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="2" spry:select="MasterColumnSelected" spry:selectgroup="2">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="fri" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="2">{Activity}</div>
</div></div>
<div spry:detailregion="fri" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="sat" class="MasterContainer">
        <div spry:repeat="sat" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="sat" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="3" spry:select="MasterColumnSelected" spry:selectgroup="3">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="sat" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="3">{Activity}</div>
</div></div>
<div spry:detailregion="sat" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>

Spry:selected? First choice in table selected

Hi all:
I want the first item in my table to be highlighted when
enters the page. I understand that spry:selected may be able to do
this, but when I include in my code, it always highlights the last
item in the table list, not the first.
Here is my code for the table as it currently stands.
<div spry:region="ds1">
<table>
<tr spry:repeat="ds1" spry:setrow="ds1"
spry:hover="hover" spry:select="select" spry:selected = "">
<td>{select}</td>
</tr>
</table>
</div>
Thanks,
oldmanscully

Hi oldmanscully,
I had the same problem and found the following solution. Hope
it helps.
<div spry:region="ds1">
<table>
<tr spry:repeat="ds1" spry:choose="">
<td spry:when="{ds_CurrentRowID} == {ds_RowID}"
spry:setrow="ds1" spry:hover="hover" spry:select="select"
spry:selected="">{select}</td>
<td spry:default="" spry:setrow="ds1"
spry:hover="hover_row" spry:select="select"
class="grid_row">{select}</td>
</tr>
</table>
</div>
Kind regards,
Ben

Undocument 1.2 Feature: spry:selected

I found an undocumented feature in 1.2, namely the
spry:selected attribute. Used with the
spry:select /
selectgroup attribute, this allows you to set which item is
selected by default. The value for the attribute is unimportant,
just place it on the element that you want selected to when the
region is generated.
This fixed an issue I had with using Spry for a Spry
generated tab system. Thanks guys!
-d

I found an undocumented feature in 1.2, namely the
spry:selected attribute. Used with the
spry:select /
selectgroup attribute, this allows you to set which item is
selected by default. The value for the attribute is unimportant,
just place it on the element that you want selected to when the
region is generated.
This fixed an issue I had with using Spry for a Spry
generated tab system. Thanks guys!
-d

Spry select menu validation not working for all menus

This is VERY strange...I have two menus which show depending on the selection in another menu. The other, or main, menu has the spry validation working fine. So does the validation for one of the other 'child' menus. But the other child menu validation does not work, despite the fact that the code is nearly identical for both except for the spry ids and select ids (of course). You can see the form working at:
https://registrations.ucc.usyd.edu.au/profile.php
If you select, say, Arts faculty from the faculty menu, then you will get another menu for schools. Validation works for these when the submit button is pressed. However, if you select 'Not Faculty' from the faculty menu another menu will show instead of the school menu. This is the menu that is not validating.
I have attached my php page for the code in this form.
The same problem exists for other menus that are in hidden divs further down the page.
Any help appreciated!!!!

Your key is the "suitcase fusion for a font manager" line.
There is a bug where you won't be able to create a button if you have a bad font, or a duplicate font, installed.
First try shutting off all of the fonts you have open with Suitcase, and see if that helps. If so, open one suitcase at a time until you figure out which font is the culprit.
If shutting off all but the basic System fonts does not help, you might have to reinstall your system, or somehow update your core System fonts. I don't know how to do that, but there was a recent article at http://www.tidbits.com/ that discussed fonts and their maintenance. But ultimately it's a font problem.

Spry:select on it's own?

Similar Messages

Maybe you are looking for