HTML Dataset - No detail by default

Hello from Mauritius !
I have a page with html data set, with a master region, and a detail region of course.
When that page is opened, the first detail region is shown on the screen.
Actually, I would like to have no detail shown until a master is clicked.
Any idea ?
Thanks

A fast way would be adding height:300px; overflow:scroll; to your css..
MasterDetail .MasterContainer {
background-color:#FFFFFF;
border:1px solid gray;
color:#000000;
display:inline;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:x-small;
font-weight:bold;
height:300px;
overflow:scroll;
text-align:left;
width:35%;
But anyways if you want to use accordions with Spry Data. take a look at the samples: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html

Similar Messages

Spry html dataset ? sliding detail panel?

I have created a spry html dataset on a dreamweaver CS4 site. The master column has around 40 entries and the detail column is rather small. When clicking on the names in the master column, the detail information appears at the top of the page - no problem for entries at the top of the page, but for entries near the bottom of the list, you need to scroll up the page to see the information. I want to either make the master column scrollable or in some manner make the detail column appear beside the name in the master column. I have looked at sliding panels, accordionb panels ,etc... but can't seem to get the coding right to make this work. Waht would be best to use and how should I do this?
You can find the page here... http://www.ituna.ca/WhereAreTheyNow3.html excuse the mess at the top there is much work to be done here...just uploaded so I could get some help.
Thanks

A fast way would be adding height:300px; overflow:scroll; to your css..
MasterDetail .MasterContainer {
background-color:#FFFFFF;
border:1px solid gray;
color:#000000;
display:inline;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:x-small;
font-weight:bold;
height:300px;
overflow:scroll;
text-align:left;
width:35%;
But anyways if you want to use accordions with Spry Data. take a look at the samples: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html

Help with URL Parameters and HTML DataSet please.

Hello everybody!
Looking at the example page: "Using URL Parameters to Control Data Regions", towards the bottom it gives an example of "Set by Product Name", from an XML DataSet using the following sample code:
    //Data set for the second example. var ds2 = new Spry.Data.XMLDataSet("../../demos/products/products.xml", "products/product");    //If the URL parameter 'product' has a value, set the XPath that includes a filter and then load the data. if (params.product){    ds2.setXPath("products/product[name = '"+params.product+"']");    ds2.loadData(); }
Can anyone please explain how to amend this to work with a HTML Dataset rather than XML?
The first example on the page (Set by RowID) works unchanged for the HTML DataSet, but I don't know what I should replace the 'setXPath' line with.
I see this has been asked before, but I'm afraid I can't find any answer that works (or, more often, that I can understand properly!)
Grateful for any suggestions.
Len

Wow! Thanks Ben.
I hadn't thought about using Stacked Containers.
I'll test this out tonight and let you know how I get on.
Cheers,
Len
A few days later and at last I've been able to test your suggestions.
I think I must be doing something wrong as the links and content don't work at all:
http://www.myosanthe-bernhard-huber.com/html/stack1.php
I know that the stacked containers do work (http://www.myosanthe-bernhard-huber.com/html/stack0.php), so I guess there are some errors in the coding somewhere.
Would you mind reviewing, please?
The important thing for me (in this case, anyway) is to get the called page's content using its 'Ref', and I'm not sure what benefit there is in using stacked containers as opposed to master-detail containers.
The master-detail method works reasonably well for me at
http://www.myosanthe-bernhard-huber.com/html/fotoalbum.php and sub-pages.
Perhaps I am betraying my lack of knowledge, but as I said in my original post, I think that I just need the HTMLDataSet equivalent to:
    //Data set for the second example.
var ds2 = new Spry.Data.XMLDataSet("../../demos/products/products.xml", "products/product");
   //If the URL parameter 'product' has a value, set the XPath that includes a filter and then load the data.
if (params.product){
   ds2.setXPath("products/product[name = '"+params.product+"']");
   ds2.loadData();
which as you can see uses an XMLDataSet, but does exactly what I need.
(see http://labs.adobe.com/technologies/spry/samples/data_region/DataWithURLParams.html)
Thanks again for your help, Ben.
Len
Message was updated by: ec1lennie

Spry HTML dataset broken in Firefox 2.0.0.14

Downloaded spry 1.6.1 and tested local samples - works well
in IE but breaks in Firefox - no errors, but simply doesnt show
data on select of row. Tested with the following file -
file:///C:/manju/downloads/spry1.6/extract/Spry_P1_6_10-01/samples/htmldataset/InternalTab leAsSourceSample.html

No. The URL
http://labs.adobe.com/technologies/spry/samples/htmldataset/InternalTableAsSourceSample.ht ml
if tested with Firefox 2.0.0.14 doesnt work - lists the list
of adobe products, but 'onClick' of these products should update a
detail region - that doesnot happen - neither an error is thrown.
Actually I had to do this test as I was using Collapsible
panel with html dataset - they worked in IE and failed in Firefox.
After lots of troubleshooting I tried to upgrade to 1.6.1 from 1.6
. As it didnt help I had to ensure basic samples worked in both
browsers and they didnt. Its probably only an issue with
htmlDataSets - I have not tested the other samples.

Can paging an html dataset be accomplished?

I have created a standard Master/Detail HTML dataset that is working very nicely. However the client wants to be able to click arrows to advance to the next portfolio item.
Here is an example of the page:
http://www.studioabsolute.com/dev/websites2.php
You will see the arrows I am talking about which do work, but the client doesn't like the way the page flickers and completely reloads, so I am trying to get the paging (bottom form buttons) to work but I can't seem to get them working. I am wondering if it is because I am using html vs. a xml dataset.
Can anyone offer any advice for either making the page stop flickering or getting paging functioning?

I have updated the page as you suggested but still no dice.
When you click on the buttons nothing happens.
What else could be wrong, should the paging functions be outside of the detail region?
Can a detail region be paged?
Thanks for any help in advance!!!

IE7 error with spry html dataset

Hi
I hope I've posted this in the right place.
Has anyone else had a problem with using a HTML table as a
data source for a spry master/detail set?
I've set one up and it works OK when I test it in live view.
It also works OK in Firefox, but good old IE7 fails and a pop up
box says <Spry.Data.HTMLDataSet: 'mydatatable' is not a valid
element ID> where mydatatable is the name that I gave to the
data container. I'm using CS4, and I assume spry v 1.6, although
I'm not sure how to check that.
Anybody got any ideas?
Thanks

You may wish to check your headers:
<!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>....
I was adding some spry to a site I developed in 2006, and after much review, I discovered that the headers were different on pages I newly created vs those that were built upon a template that I added the Data Sets to.
Just copied those headers from the freely created page (with working HTML datasets) to the template... and everything works beautifully.
Hope this helps

Spry HTML Datasets on Business Catalyst

I am venturing into new territory with Business Catalyst, and have FTPd a site to BC that contains a number of Spry HTML Datasets.
Although the code appears to be correct, and the auxiliary pages are there...I think!...at least the page with the data is there...The Master/Detail presentation is just not working.
I have used Spry on other pages: collapsible panels, accordions, etc., and they all function well, but are of course self-contained...no data needed from off-page besides the JS and the CSS.
Has anyone any experience with BC and Spry HTML Datasets? You can find a page at http://chaplaincyinstituteofmaine.businesscatalyst.com/faculty.html
Beth

As your are now running on BC, there is no reason to still include the ICE scripts.
<script src="includes/ice/ice.js" type="text/javascript"></script>
Delete !
As for general debugging, i would suggest, installing Firefox, with the firebug plugin. ( www.getfirefox.com & www.getfirebug.com ).
As the page you supplied suffers from JavaScript Errors. Probably because of the ICE script .

Help with html dataset filter please

Hi, I'm using an html dataset as source of product display,
showing products by age (age deduced from 'year' of production) on
different pages but all using same html dataset
Currently I use spry:if to find eg 2 year old products shown
on the 2 year old products page
spry:if="(new Date().getFullYear())-'{year}' == 2;"
it would be better if I could use a filter at the var ds
stage for this but it's beyond me - any ideas gratefully received
Many thanks

Did u take a look at these samples?
http://labs.adobe.com/technologies/spry/samples/data_region/MultipleFiltersSample.html
http://labs.adobe.com/technologies/spry/samples/data_region/MultipleFiltersModeSample.html
http://labs.adobe.com/technologies/spry/samples/data_region/XPathFilteringSample.html
http://labs.adobe.com/technologies/spry/samples/data_region/NonDestructiveFilterSample.htm l

Can I use DataExtensions.js with an HTML dataset?

The following example: http://labs.adobe.com/technologies/spry/samples/data_region/MultipleFiltersSample.html
uses an XML dataset..
Are there any example for HTML dataset?
THANKS,
Angela

Thanks for the input. I've download the example and got it to work on my server.
When I switch out the XML dataset for HTML ( and include <script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>>
Of course my results are only as good as my data, when I attempt to filter based on name (similar to the
states example) some of my user table columns contains:
<td valign="top" width="27%"><p>Alp, Necati, M., MD</p></td>
and some contain
<td valign="top" width="27%">Anderson, John, M., MD</td>
within the name column so the filter does not see the last name "Alp" but sees the <p> tag is some cases. Is there any way around this?
My link is: http://www.health.ri.gov/lists/disciplinaryactions/testcolumn.php
THANKS FOR GETTING ME GOING!
Angela

Spry HTML dataset unseen in IE7/8

Using Mac OS 10.5.8 and DW CS4 to produce a simple HTML dataset for calendar dates. The code produced by DW is unaltered, and can be viewed at www.meonrc.org/Test.html. The data is at /Data/dscalendar.html.
Dataset renders perfectly in Firefox (Mac & PC), Safari, but will not render in IE7 or 8 (PC) or IE5 (Mac - latest version). Briefly 'flashes' spry container, but no data. Spry menu components, produced at same time, render ok in all browsers.
I can see various forum entries on XML, but not HTML - suggestions please. Thanks.

You may wish to check your headers:
<!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>....
I was adding some spry to a site I developed in 2006, and after much review, I discovered that the headers were different on pages I newly created vs those that were built upon a template that I added the Data Sets to.
Just copied those headers from the freely created page (with working HTML datasets) to the template... and everything works beautifully.
Hope this helps

HTML Dataset - how to filter based on data values within columns

I have had success with using the XML dataset and filtering based on user input (see javascript example below)
<script type="text/javascript">
var ds2 = new Spry.Data.XMLDataSet("disciplinary_actions3.xml", "doh/disciplinary_actions2[type='<? echo($type) ?>'][name>='<? echo($name) ?>']");
ds2.setColumnType("date-of-sanction", "date");
</script>
The XML dataset filters the results based on the type and name values within the XML dataset columns.
I need to accomplish this type of filtering with an HTML table. All that I have been able to accomplish with the use of the in the rowselector (see example below)
<script type="text/javascript">

</script>
How can I filter the HTML dataset based on the data VALUES within the table columns and NOT the class or id or span or div,,,etc?
Although my advanced dataselector within Dreamweaver CS4 has a column selector... I can't under or get it to work.
Any assistance or direction is greatly appreciated.

Hi Ron,
According to your description, you want to pass the Terminal number that user logon to where clause without needing to create a userid table, right?
As per my understanding, you need to add an additional table to store the user and corresponding terminal, so that you can filter the data to show the rows based on the user and corresponding terminal. Here are some blogs which describe dynamic security
on tabular model, please see:
http://blogs.msdn.com/b/himanshu1/archive/2013/03/02/implementing-dynamic-security-in-tabular-models.aspx
http://www.bidn.com/blogs/ChrisSchmidt/ssas/4332/dynamic-security-in-tabular
If this is not what you want, there is no other approach to pass the Terminal number that user logon to where clause without needing to create a userid table. Thank you for your understanding.
Regards,
Charlie Liao
TechNet Community Support

Spry HTML dataset and Shadowbox

Hi,
i have this test page www.for-sale.nl/v3/test.html
I have an spry HTML dataset. I want if you click on the thumnail {Thumb_1}, the mainImage {Image_1} appear in the shadowbox. but now when you click on the thumbnail, nothing happens! it's not finding the image source from the dataset..
Does anybody know whats wrong?
Thanks in advance.

This is the source code for your data
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="10" id="cases">
<tr>
    <td><strong>Text</strong></td>
    <td><strong>Titel</strong></td>
    <td><strong>Thumb 1</strong></td>
    <td><strong>Image 1</strong></td>
    <td><strong>Thumb 2</strong></td>
    <td><strong>Image 2</strong></td>
    <td><strong>Thumb 3</strong></td>
    <td><strong>Image 3</strong></td>
</tr>
<tr>
    <td>Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Aenean ac metus sed urna<br />
viverra lobortis. Pellentesque vel quam id nunc<br />
molestie accumsan ut quis erat. Mauris quis<br />
massa mi. Praesent id eros.</td>
    <td>Debitel Shop</td>
    <td><img src="images/cases/creatief/thumbs/thumb1.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage1.jpg" width="480" height="480" /></td>
    <td><img src="images/cases/creatief/thumbs/thumb2.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage2.jpg" width="480" height="480" /></td>
    <td><img src="images/cases/creatief/thumbs/thumb3.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage3.jpg" width="480" height="480" /></td>
</tr>
</table>
</body>
</html>
What is wrong with having an extra column called image_source or similar and placing images/cases/creatief/mainimage1.jpg in that column. You can rhen use the source in the Spry region as <img src="{image_source}" width="480" height="480 />

Compatibilidad de Spry HTML DataSet en Internet Explorer

Hola que tal tengo un problema correspondiente con un html dataset, espero que me puedan ayudar. El asunto es el siguiente:
En un archivo asp muestro información que esta almacenada en una Base de Datos, por medio del HTML DataSet muestro esta
información en un archivo aparte ejemplo el index de mi pagina. Guardo esta información en el index y utilizo el metodo loadData()
para recargar nuevamente el DataSet para que se muestre la nueva información que ingrese, esto me lo hace de forma perfecta
en el exploradro Firefox y en el explorador de Google Chrome, por que en Internet Explorer no lo hace??
Espero que alguien me pueda ayudar gracias y Saludos.

A ok, gracias por el dato, pero al parecer lo que pasaba es que la pagina
asp guardaba los valores del DataSet en la cache es por eso que no se
actualizaban los datos.
Agregue estas lineas de código para que funcionara bien:
Response.CacheControl = "Private"
Response.Expires = 0

Can URL Params work with HTML Datasets?

Hi there,
I am building a portfolio using spry, I am using an html dataset not an xml dataset and I want to be able to pass a url param to link to a specific portfolio item.
I have seen this example: http://labs.adobe.com/technologies/spry/samples/data_region/DataWithURLParams.html but can't seem to get it working using an HTML dataset.
Can anyone tell me if this is possible to do using the HTML dataset?
Here is the page:
http://www.studioabsolute.com/dev/websites.php?row=0
I would like to pass row=1 or row =2, etc... so that I can link to a specific item.
Thanks in advance to anyone who know the answer!

Hi,
Have a look at your
http://www.studioabsolute.com/dev/SpryAssets/SpryURLUtils.js
file on the remote server and compare that with a virgin copy straight from Adobe.
Once you have replaced the above file you will notice that it works without a hitch as it did on my server when tested.
Wishing you better succes for the future.
Ben

I need to understand how to get my master-detail html dataset to refresh.

My SPRY master-detail dataset does not refresh. Following is a description of what I have and what I am trying to do.
The data source is an embedded table. Each row of the table has two fields: a thumbnail (for the master section) and a full size image (for the detail section). Each "tr" tag has a class which identifies the category of photos to be displayed. This feature of the applicaation is loacated on a panel of a SPRY tabbed panel object. I have links from other pages to open specific tabbed panels. this part works just fine.
To select the various categories of photos I have a radio button group. By default the first category.in the group is selected and when the page initially loads it selects the correct photos and the thumbnails are displayed in the master section and the first full size photo displays in the detail section. All is well to this point.
Each radio button has an "onClick" behavior which calls a javascript function with an argument specifying the desired category. The javascript function uses "window.location.assign" to refresh the page passing URL parameters to open the appopriate tab (this works properly) and to pass along the selected category. The URL parameters show up in the browser just as they should, but the page does not seem to refresh. I have disabled the caching of the data and that doesn't help. I put an alert() function in to examine the incoming URL parameters but it does not process at all. This convinces me that the page just isn't reloading.
Any help will be appreciated.

I have something similar, but instead of clicking a radio button, I click the tab of a Spry TabbedPanel widget. Clicking the tab activates a function that changes the XPath and reloads the data. All very simple.
function newXPath(thepath) {
ds1.setXPath(thepath);
ds1.loadData();
Incidently the above is for a SpryXMLDataSet.
For a SpryHTMLDataSet you would use setDataSelector("theDataSelector") or setRowSelector("theRowSelector"). For more info see here http://labs.adobe.com/technologies/spry/articles/html_dataset/index.html
I hope this helps.
Ben
PS. We try to help as much as possible. The best way for us to help you is to dispense with long stories and to supply an online URL so that we we see the issue in context.
PPS. I must admit, your description was spot on.

HTML Dataset - No detail by default

Similar Messages

Maybe you are looking for