What is SPRY??

I am redesigning a website and want to make it primarily XML
driven as the content is updated quite a lot. This is my first
project since upgrading to CS3 and have just come accross SPRY but
have no idea what it is. Everything ive found about it on the web
seems to assume the reader has some prior knowledge of it but this
is the first i've even heard of it!
Ive been playing around with it and it seems as though it
should allow me to use XML data in HTML pages which is exactly what
I want to do (like website such as BBC News and other news sites
which I assume are XML driven).
I have a XML (RSS) file and have created a dataset. I then
created a "Spry Repeat" in a blank HTML page and dragged the fields
I want displayed from the Application panel but when i preview the
page (on the server) all I get is what I saw in DW's design view:
The field names, not the actual data.
I'm obviously missing something but as i said, I know nothing
about Spry. Can anyone offer assistance?
The test page i made is at
http://www.backwell.n-somerset.sch.uk/test/news/index.html

If it's updated alot, why use XML? Just go straight to a
database.
Spry is Adobe's implementation of AJAX. It's a library of
client-side
javascript routines for interacting with XML datasources,
form field
validation, and a number of other things called widgets.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ChimpanzeeUK" <[email protected]> wrote in
message
news:f5el40$55m$[email protected]..
>I am redesigning a website and want to make it primarily
XML driven as the
> content is updated quite a lot. This is my first project
since upgrading
> to CS3
> and have just come accross SPRY but have no idea what it
is. Everything
> ive
> found about it on the web seems to assume the reader has
some prior
> knowledge
> of it but this is the first i've even heard of it!
>
> Ive been playing around with it and it seems as though
it should allow me
> to
> use XML data in HTML pages which is exactly what I want
to do (like
> website
> such as BBC News and other news sites which I assume are
XML driven).
>
> I have a XML (RSS) file and have created a dataset. I
then created a "Spry
> Repeat" in a blank HTML page and dragged the fields I
want displayed from
> the
> Application panel but when i preview the page (on the
server) all I get is
> what
> I saw in DW's design view: The field names, not the
actual data.
>
> I'm obviously missing something but as i said, I know
nothing about Spry.
> Can
> anyone offer assistance?
>
> The test page i made is at
>
http://www.backwell.n-somerset.sch.uk/test/news/index.html
>

Similar Messages

What replaces Spry Menu Bar in Dreamweaver 13.1 Creative Cloud?

What replaces Spry Menu Bar in Dreamweaver 13.1 Creative Cloud? This Dreamweaver course and Adobe help r pathetic. No explanation anywhere what takes the place of Spry Menu Bar without having to code.

Make your own with CSS styled lists.
http://alt-web.com/DEMOS/CSS-Multi-colored-drop-menu.shtml
Find a jQuery Plugin or some other widget you like.
CSS3 Dropdown Menus
http://www.red-team-design.com/css3-dropdown-menu
jQuery Superfish
http://users.tpg.com.au/j_birch/plugins/superfish/
Purchase a commercial Menu from PVII
http://www.projectseven.com/products/menusystems/index.htm
Nancy O.

What makes Spry different from other JS/CSS technologies?

I've been seeing a lot of Spry questions here and have used the widgets myself. But for menus, I use CSS Menu Writer from WebAssist. It used ul and li tags in the markup, or an include, JavaScript for functionality and CSS for styling. Basically, this is much the same as the Spry menu, so what's the difference? Then one could add some sort of animation effect and call it AJAX. I suspect a lot of these terms are interchangeable, or perhaps incorrectly used that way. But Spry seems to stand out as something more specific. Another example is the Accordion. I have used the Spry widget, plus another version that uses jQuery and/or scriptaculous. Again, although it's not the same code but it's still JS and provides the same functionality.

Hi
Spry is a javascript framework developed by Adobe similar to jQuery, (specifically the UI and ajax) but not as comprehensive. You could also use a number of other frameworks such as YUI, or prototype.
The difference between menu writer and a framework, is that a framework is only the 'starting' point' and other features, (such as menu or accordion) must be added to it via separate code, whereas menu writer is complete and self contained and written with for specific function, (a menu).
PZ

A working YUI Calendar With Spry Data

Hi,
I've seen a number of posts about linking Spry data with the YUI calendar widget.
Well I've done that here. http://www.pwhitehurst.f2s.com/yui%20calendar.html. through a little perserverance and reading the Yahoo calendar API
The calendar dates are highlighted based on the event dates in the SPRY data. I haven't added any other functionality yet as I'm just taking it one step at a time. But this page should give others the base code for getting started. The key is to declare a YAHOO namespace so you can reference the calendar in your spry region postload notifications or other spry functions etc.
Any questions please reply and I'll see if I've worked it out. I'm away over Easter but intend to add functionaility so that when you click a date on the calendar it filters the spry data via a non destructive filter etc. I also want the calendar to move to the right month as I click events.
Cheers
Phil

Thanks,
Unfortunatley my page hasn't gone live yet, so I can't show you what I mean, but I think I've found the problem.
I've managed to config the YUI calendar to accept dates in DD/MM/YYYY format (using some of the localisation features described on the Yahoo developers pages: http://developer.yahoo.com/yui/examples/calendar/germany.html) so now my calendar will accept and properly shade any date passed to it in DD/MM/YYYY format (which is what my spry dataset is in) and it will also return any date selected from the calendar in DD/MM/YYYY format, as it should. So, all good on the calendar front...
...but spry is still operating in standard MM/DD/YYYY mode, so if I set my "start_date" and "end_date" columns as type = "date" (which I want to do for sorting purposes) it doesn't recognise any date after the 12th day of the month! (because it still thinks the DD segment is a MM segment and so has a maximum poss value of 12! doh!). So far I've got around this by defining both date columns as "strings", so the combining function you describe above (much appreciated btw :-)) passes the date string to the calendar exactly as entered, and because my calendar is set up to recognise this date string, theres no problem, and i can shade any date in the calendar (including the 13th to the 31st!)
so the only problem i have now is being able to sort my dates. one solution seems to be to have 2 columns - one with the date in DD/MM/YYYY format which is used for display (as it is now) and another in american MM/DD/YYYY format which is used to sort, but this seems to me a bit of a waste of time, and theres always the possibility that one column will have an error in it, especially since I'm not used to working in the american format.
sorry, a bit of a ramble there. I suppose my question is this: is there a simple step i'm missing where I can tell spry that my date columns are in a specific format? ie. dd/mm, not mm/dd?
something like:
var ds1 = new.Spry.Data.HTMLDataSet("myData.html", "table1", {sortOnLoad: "start_date", sortOrderOnLoad: "ascending"});
ds1.setColumnType("start_date", "date", {format:dd/mm/yyyy});
if not, there really should be!
*any admins reading, mental note for the next release please...! :-)*
I suppose i could give in and convert all my dates to the american system which would solve all the problems, but i never like being bullied by the Yanks!

Spry:setrow , how does it default to onClick?

Hi,
the Spry Data References says that spry:setrow "spry:setrow is use to update the current row number of the data set." and that is used much like spry:setCurrentRow.
Then it says it defaults to onClick,
And then it gives the following example:
<ul spry:repeatchildren="dsEmployees">
<li spry:setrow="dsEmployees">{firstname} {lastname}</li>
</ul>
So, from the above example, I can deduce the following:
The data set "dsEmployees" is being access and from it the {firstname} and {lastname} elements' content are extracted row by row to be added to each <li> elements.
So my questions are:
1. The statement "spry:setrow="dsEmployees" above is NOT setting any current row number.
2. What does "spry:setrow defaults to onClick mean?? . OnClick is a javascript attribute that is usually initialized to handle the event onclick, so I don't understand how "spry:setrow" related to onclick, can someone explain?
thanks

1. The statement "spry:setrow="dsEmployees" above is NOT setting any current row number.
If the above is a statement then I can tell you that the statement is incorrect. If the above is a question, then I can tell you that the dataset gets the current row assigned by clicking on the element.
2. What does "spry:setrow defaults to onClick mean?? . OnClick is a javascript attribute that is usually initialized to handle the event onclick, so I don't understand how "spry:setrow" related to onclick, can someone explain?
When the element is clicked on, the current row will be set. By default, this does not happen when there is no onclick event.
To illustrate the setrow onclick event and using your original markup
<ul spry:region="dsEmployees">
<li spry:repeat="dsEmployees" spry:setrow="dsEmployees">{firstname} {lastname}</li>
</ul>
we add a detail region
<div spry:detailregion="dsEmployees">
<div>{joinDate}</div>
<div>{salary}</div>
<div>{@id}</div>
</div>
Now every time we click on an li-element the current row is set and the detail region shows the result.
Gramps

Spry Tabbed Panels - how to change tab from text to an image

I have a 4-tab vertical tabbed panel. I want to customize each tab with one image so that on-click, the imaged tab will display.
NOTE: forum.adobe.com, 5 months back, had EXACTLY the look and feel I'm trying to emulate. It was such a beuatiful design, but it got updated and went away.
I would greatly appreciate the CSS / HTML code.
Thx
Louiscat

Have a look at what Adobe Spry have done here http://labs.adobe.com/technologies/spry/home.html
By right clicking the page and choosing view page source code or similar, you will be able to see how it is done.
If your are still stumped, please go the Spry Forum here http://forums.adobe.com/community/labs/spry where all the Spry Gurus reside.
I hope this helps.
Ben

Behaviors vs Spry Widgets

What's the difference between them?
Ok, I know that spry widges require a separate file whereas behaviors don't. But I'm not interesting in the difference in code (css, javascript, etc.).
I want to know what's the difference between the "effects" of each one. What can you achieve (visually) with behaviors and what with spry widgets?
Can somebody explain this please?

Widgets are code snippets of HTML, CSS and Javascript to create interactive parts to one's web pages.
Behaviors are Javascript code one uses to add specific Javascript effects to a page.
Their fairly simmilar in that Javascript is used in both. But Widgets provides you with pre-built code that puts it all together while Behaviors you would have to already have the HTML and CSS in place and know how to apply the behavior to get the effect you're looking for.
HTML = structure and content
CSS = recommended way to render the structure and content
Javascript = client-side scripting allowing more interactive behaviors and effects

Need a SPRY expert

a basic tabbed panel is easy enough to deploy. top row is
main category, then sub menu on select.
here's my problem, i have about 18 main categories, and that
will never fit on one line. I am looking to have a "More >>"
on the end of the categories, which will then slide the entire
navigation main categories to the left to reveal the second group
of categories. It's almost accordian like I suppose, but not
really. This way, it keeps all the categories in the same line,
rather then stack them which is what the spry tabbed panels is
doing by default. Anyone have any ideas?

You might make a 2 panel Sliding Panel widget.
http://labs.adobe.com/technologies/spry/samples/slidingpanels/SlidingPanelsSample.html
If you get the CSS right, it will be a smooth transition. The
"More..." button would simply switch the panel to the second tabbed
widget.
Make sense?

Search Engines, SEO & Spry

Being somewhat new to the Spry framework, I am curious how
Spry will work with search engines and SEO.
I noticed Adobe's Periodic Table Spry example (very cool,
btw!) at
http://labs.adobe.com/technologies/spry/demos/periodic_table/periodic_table.htm
and decided to Google "periodic table spry" for the result. This is
what appears":
Spry Periodic Table
Element Types: {Element_Type}. Periods (rows): {Period}.
Groups (columns): {Group}. Show All. {No} {Group}. {Symbol}.
{Atomicweight}. {No} {Group}. {Symbol} ...
labs.adobe.com/technologies/spry/demos/periodic_table/periodic_table.htm
- 37k -
Cached - Similar pages - Note this
It looks as if Google reads the Spry code and not the full
content of the page, and as such, may not work well with SEO and
search engine page rank, let alone presenting an unreadable content
blurb to the search user in the Google result.
Does anyone have any intimate experience with this topic?
Thanks in advance!

Hi Geronimosan,
The only way to make sure that your pages are "indexable" by
search engines is to use the progressive enhancement technique. You
can read more about how to use Spry in an progressive enhancement
manner on our Best Practices page:
http://labs.adobe.com/technologies/spry/articles/best_practices/index.html
--== Kin ==--

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

Spry repeat list break DW insert transaction?

Hi,
Does anyone know if spry repeat lists are recognized by DW as input devices? I added a few to a form, which uses the builtin DW insert record wizard, and they don't show up with the other controls in the server behavior list and they break the transaction (red ! on the insert transaction).
Are there configuration issues? Or are these widgets only for search and display forms?
Thanks for any help,
Tony

Hi Tony,
I´m sure that the SPRY repeat lists you´re creating would need some heavy modification in order to become "regular" ADDT dropdown menus -- what they would need at least, is some embedded string comparison (aka PHP´s "strcmp" function) for displaying an existing column value as "SELECTED", like ADDT´s menus do:
...and I don´t think your Spry lists provide this for each list option.
and they don't show up with the other controls in the server behavior list
it seems as if those lists have one or more required elements missing which DW needs to accept them as valid "control". You can actually check the differences by opening an other ADDT form containing a valid control and taking a look at the HTML/PHP code of that list -- what does it have what your Spry list doesn´t ?
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

Can this page be made all in Dreamweaver?

http://www.mammothmountain.com/MyMammoth/?section=weather
I like the collapsing panels, and especially the folder-like tabs under the "WEATHER" section. Are these tabbed folders ("Extended Forecast", "Resources", "Road Conditions") collapsible Spry panels or something else? Are they made with custom graphics or can DW make folder-like tabs like this?
I'm not making any sense out of the source code, what is CSS, what is Spry. I like the white-on-white with subtle dropshadows. Are these dropshadows CSS or custom graphics? Is this entire page creatable in Dreamweaver alone?
tia

If you have a good grasp of Photoshop or Fireworks for graphics, HTML, CSS and JavaScript or jQuery script libraries, you can do it in DW or any other HTML editor. The quality of websites you create depends on the skills you bring to the table.
HTML = content
CSS or Cascading Stylesheets = styles
JavaScripts, Spry, Ajax, DHTML = functionality and interactivity
I like the white-on-white with subtle dropshadows. Are these dropshadows CSS or custom graphics?
Your example uses custom graphics, but box-shadows and text-shadows are possible with CSS3 code alone.
http://alt-web.com/DEMOS/CSS-Shadows.shtml
I like the collapsing panels, and especially the folder-like tabs under the "WEATHER" section.
Those are Tabbed Panels. You could use jQuery, or DW's built in Spry Tabbed Panels for this.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Creating your first website in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Spry Menu Bar is not doing what I want it to do

I am attempting to work with the Spry Menu Bar, which was starting to work, but then I made the mistake of trying to resize it using the resize handles around the menu. And now I can't figure out how to get it back to the right size. I've tried undoing and looking through the code, which is NOT my forte, but I can't find any clues as to how change the size. And it will not display any menu other than the very first one, even though the whole menu bar is spanning the page, with plenty of room to display all 4. What is going on??
Here is the Spry menu bar css code:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 13pt;
          cursor: default;
          width: 800px;
          text-align: center;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
          z-index: 1000;
          background-color: #666;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          position: absolute;
          text-align: center;
          cursor: pointer;
          width: 795px;
          float: left;
          height: 38px;
          left: 9px;
          top: 428px;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 8.2em;
          position: absolute;
          left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
          left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
          position: absolute;
          margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
          left: auto;
          top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
          border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #000;
          padding: 0.5em 0.75em;
          color: #FFF;
          text-decoration: none;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 17px;
          text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          background-color: #333;
          color: #FFE0A9;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
          background-color: #33C;
          color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarDown.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
          color: #000;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarDownHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
          position: absolute;
          z-index: 1010;
          filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
          ul.MenuBarHorizontal li.MenuBarItemIE
                    display: inline;
                    f\loat: left;
                    background: #FFF;

First of all, are you aware that Spry is a dead technology and the code you're wrestling with is over 7 years old and will not work with mobile touchscreen devices (essential in today's web world)?
Even though it's included in older versions of Dreamweaver, Adobe formally abandoned Spry last year
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l'
Point being, few people will advise you to continue along this Spry path.
You're better off investing your energy in a modern up-to-date menu system.
Free ones try
http://forums.adobe.com/message/5070444
If funds will allow then try
http://www.projectseven.com/products/menusystems/pmm3/index.htm

I have created a form in DW 5.0 using spry text fields. I am wondering what I did wrong to make the

I have created a form in DW 5.0 using spry text fields. I am wondering what I did wrong to make the form fields show text?
Thank you.

Thanks again. There's one other thing I wanted to achieve here. I need the date format to be displayed like "dd/mm/yyyy" and not like it's doing by default at the moment (i.e. mm/dd/yyyy)
I don't have any knowledge of jQuery but had a go anyway at trying to fix this using this link http://api.jqueryui.com/datepicker/ as aid to try adjust my code. Obviously I couldn't get it to work so far... So I'm looking for a little bit of help from anyone who knows a bit of jQuery.
Here's the original default code (just the stuff that goes in the 'head' of the page):
<script>
$(function() {
      $( "#datepicker" ).datepicker();
</script>
And here's what I tried adding to make it work:
<script>
$(function() {
      $( "#datepicker" ).datepicker();
      $.datepicker.formatDate( "dd/mm/yyyy" );
</script>
Obviously I tried other combinations including .parseDate instead of .formatDate etc etc none of which worked.
I'm wondering whether the extra code should perhaps go inside where the XXs are - $( "#datepicker" ).datepicker(XX)
Anyway, if somebody could help me out that would be great. Cheers!

Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

As an FYI: Adobe discontinued developing the Spry framework last year. And Spry was removed from DW CC. You can keep using Spry if you wish, but most of us have switched to other solutions that work better in IE10 and Touch Screens.
Nancy O.

What is SPRY??

Similar Messages

Maybe you are looking for