Nested accordian?
Very new to spry, Dreamweaver CS5, and web stuff so please bear with me
Am trying to get a nested accordian working for tour travel comapny - I need two main panels (Europe and Rest of the world) and sub-panels for each country associated with both main sectiosn (Europe and Rest of world). I will then have spry data from HTML table within accordian for each tour associated with each country within the accordian - and when I click I get the detailed information on the right in a seperate window.
My problem is that I have downloaded code for a nested accordian which works fine - but when I try to copy the nested regions to make more within a newly created main panel it doesn't work? How can I simply copy the nested regions so that they remain animated?
Here's the link - www.nisinterpreting.co.uk/test_ecumene_test_accordian
Cheers
Sorry wrong link
www.nisinterpreting.co.uk/test_ecumene/test_accordian
Similar Messages
-
Build XML for Custom Nested Accordian (like Tree View Structure) for SharePoint List Data
Expected output in Xml:
<?xml version="1.0" encoding="utf-8" ?>
- <TopRoot>
- <Root id="1" Name="Department">
- <Type id="2" Name="IT">
- <SubType id="3" Name="Technology">
<SubSubType id="4" Name="Sharepoint" />
<SubSubType id="5" Name="ASP.NET" />
<SubSubType id="6" Name="HTML 5" />
</SubType>
</Type>
</Root>
</TopRoot>
List Details:
list details for storing category / sub category data and code to build tree structure for the same.
1.Create Custom List named “CategoryDetails”:
2.Create Column “Category Name” of type single line of text. Make it as required field and check Yes for Enforce Unique values.
3.Create column “Parent Category” of type lookup. under Additional Column Settings.
Get information dropdown, select “CategoryDetails”.
4.Choice column ["SRTypeName"] 1.Root,2.SRTYPE,3.SubSRTYPE, 4.SUBSUBSRTYPE
In this column dropdown, select “Category Name”:
Referance:
http://www.codeproject.com/Tips/627580/Build-Tree-View-Structure-for-SharePoint-List-Data -fine but don't want tree view just generate xml string
i just follwed above link it work perferfectly fine for building tree view but i don't want server control.
Expected Result:
My ultimate goal is to generate xml string like above format without building tree view.
I want to generate xml using web service and using xml i could convert into nested Tree View Accordian in html.
I developed some code but its not working to generate xml /string.
My modified Code:
public const string DYNAMIC_CAML_QUERY =
"<Where><IsNull><FieldRef Name='{0}' /></IsNull></Where>";
public const string DYNAMIC_CAML_QUERY_GET_CHILD_NODE =
"<Where><Eq><FieldRef Name='{0}' /><Value Type='LookupMulti'>{1}</Value></Eq></Where>";
protected void Page_Load(object sender, EventArgs e)
if (!Page.IsPostBack)
string TreeViewStr= BuildTree();
Literal1.Text = TreeViewStr;
StringBuilder sbRoot= new StringBuilder();
protected string BuildTree()
SPList TasksList;
SPQuery objSPQuery;
StringBuilder Query = new StringBuilder();
SPListItemCollection objItems;
string DisplayColumn = string.Empty;
string Title = string.Empty;
string[] valueArray = null;
try
using (SPSite site = new SPSite(SPContext.Current.Web.Url))
using (SPWeb web = site.OpenWeb())
TasksList = SPContext.Current.Web.Lists["Service"];
if (TasksList != null)
objSPQuery = new SPQuery();
Query.Append(String.Format(DYNAMIC_CAML_QUERY, "Parent_x0020_Service_x0020_Id"));
objSPQuery.Query = Query.ToString();
objItems = TasksList.GetItems(objSPQuery);
if (objItems != null && objItems.Count > 0)
foreach (SPListItem objItem in objItems)
DisplayColumn = Convert.ToString(objItem["Title"]);
Title = Convert.ToString(objItem["Title"]);
int rootId=objItem["ID"].ToString();
sbRoot.Append("<Root id="+rootId+"
Name="+Title+">");
string SRAndSUBSRTpe = CreateTree(Title, valueArray,
null, DisplayColumn, objItem["ID"].ToString());
sbRoot.Append(SRAndSUBSRTpe);
SRType.Clear();//make SRType Empty
strhtml.Clear();
SRType.Append("</Root>");
catch (Exception ex)
throw ex;
return SRType.ToString();
StringBuilder strhtml = new StringBuilder();
private string CreateTree(string RootNode, string[] valueArray,
List<SPListItem> objNodeCollection, string DisplayValue, string KeyValue)
try
strhtml.Appends(GetSRType(KeyValue, valueArray, objNodeCollection);
catch (Exception ex)
throw ex;
return strhtml;
StringBuilder SRType = new StringBuilder();
private string GetSRType(string RootNode,
string[] valueArray, List<SPListItem> objListItemColn)
SPQuery objSPQuery;
SPListItemCollection objItems = null;
List<SPListItem> objNodeListItems = new List<SPListItem>();
objSPQuery = new SPQuery();
string objNodeTitle = string.Empty;
string objLookupColumn = string.Empty;
StringBuilder Query = new StringBuilder();
SPList objTaskList;
SPField spField;
string objKeyColumn;
string SrTypeCategory;
try
objTaskList = SPContext.Current.Web.Lists["Service"];
objLookupColumn = "Parent_x0020_Service_x0020_Id";//objTreeViewControlField.ParentLookup;
Query.Append(String.Format
(DYNAMIC_CAML_QUERY_GET_CHILD_NODE, objLookupColumn, RootNode));
objSPQuery.Query = Query.ToString();
objItems = objTaskList.GetItems(objSPQuery);
foreach (SPListItem objItem in objItems)
objNodeListItems.Add(objItem);
if (objNodeListItems != null && objNodeListItems.Count > 0)
foreach (SPListItem objItem in objNodeListItems)
RootNode = Convert.ToString(objItem["Title"]);
objKeyColumn = Convert.ToString(objItem["ID"]);
objNodeTitle = Convert.ToString(objItem["Title"]);
SrTypeCategory= Convert.ToString(objItem["SRTypeName"]);
if(SrTypeCategory =="SRtYpe")
SRType.Append("<Type id="+objKeyColumn+" Name="+RootNode+ ">");
if (!String.IsNullOrEmpty(objNodeTitle))
SRType.Append(GetSRType(objKeyColumn, valueArray, objListItemColn));
if(SrTypeCategory =="SRSubTYpe")
SRType.Append("<SRSubType id="+objKeyColumn+" Name="+RootNode+
">");
if (!String.IsNullOrEmpty(objNodeTitle))
SRType.Append(GetSRType(objKeyColumn, valueArray, objListItemColn));
if(SrTypeCategory =="SubSubTYpe")
SRType.Append("<SubSubType id="+objKeyColumn+" Name="+RootNode +"
></SubSubType");
SRType.Append("</SubType>");
SRType.Append("</Type>");
catch (Exception ex)
throw ex;
return SRType.ToString();
// Call method again (recursion) to get the child itemsHi,
According to your post, my understanding is that you want to custom action for context menu in "Site Content and Structure" in SharePoint 2010.
In "SiteManager.aspx", SharePoint use MenuItemTemplate class which represent a control that creates an item in a drop-down menu.
For example, to create or delete the ECB menu for a list item in
"Site Content and Structure", we can follow the steps below:
To add the “My Like” menu, we can add the code below:
<SharePoint:MenuItemTemplate
UseShortId=false
id="OLListItemLike"
runat="server"
Text="My Like"
ImageUrl="/_layouts/images/DelItem.gif"
ClientOnClickNavigateUrl="https://www.google.com.hk/"
/>
To remove the “Delete” menu, we can comment the code below:
<SharePoint:MenuItemTemplate
UseShortId=false
id="OLListItemDelete"
runat="server"
Text="<%$Resources:cms,SmtDelete%>"
ImageUrl="/_layouts/images/DelItem.gif"
ClientOnClickScript="%SmtObjectDeleteScript%"
/>
The result is as below:
More information:
MenuItemTemplate Class (Microsoft.SharePoint.WebControls)
MenuItemTemplate.ClientOnClickScript property (Microsoft.SharePoint.WebControls)
Best Regards,
Linda Li
Linda Li
TechNet Community Support -
Spry Accordian and 2 data Sets
I have created a nested accordian with 2 data sets feeding a
detail region. It works on my machine, but after I uploaded
everything, including the spry js and css files, it still just
shows the {data} markers on the live version. Does anyone know
where the error is? I've tried reuploading it all but it still is
the same.
Here is the link:
http://clubs.wharton.upenn.edu/winterwk/Subs/students09W.html
Thanks!you are missing
SpryData.js, SpryShell.js, xpath.js in your includes
folder. -
Hi. First post in this forum...
I'm wondering if it's possible to nest an accordian menu
inside another accordian menu. Currently I'm using the widget as a
navigation tree. It's working fine holding the primary TABS and
Content (which are links in my case). I'm wondering if I can use a
structure like this :: TAB > TAB > Content.
A visual example of what I'm CURRENTLY doing would be (note:
Colons (( :::: )) in the examples below are just to indicate
indents for this post):
NEWS and EVENTS (TAB)
::: Current News (accordian content)
::: Archived News (accordian content)
::: Upcoming Events (accordian content)
A visual example of what I'd be interested in learning HOW TO
DO with a Spry Widget would be:
NEWS and EVENTS (MAIN TAB)
COMPANY NEWS (TAB)
:::::::: Current News (Company News Tab Content)
:::::::: Archived News (Company News Tab Content)
EVENTS (TAB)
::::::::: General Events (Events Tab Content)
::::::::: Tradeshow Events (Events Tab Content)
CONTACT (NEW MAIN TAB) (( Click this to reveal Contact Info
Tab below ))
CONTACT INFO (Contact SUB TAB) (( Click this to reveal
Content Items Below ))
:::::::: General Info (Contact Info Tab Content)
:::::::: Locations (Contact Info Tab Content)
Is this possible? (( Basically, a TREE menu system with a
Spry Widget )). Thanks.Hi,
Yes, I've done this exact thing. My method:
1. Start with a skeleton version of the 'top' accordion and
work down.
2. Place the basic structure of a new accordion within the
<li></li> tags of the list in the 'top' accordion.
3. Each accordion gets assigned its own variable in the end
script.
Hope that helps... -
Nesting fly out menus in an accordion
Is it possible to install a vertical fly out menu nested
within a 150px wide accordion. I'm creating a navigation system
that will allow customers to browse products by either make of
vehicle, product manufacture, and product category. I thought I
would use the accordion for the 3 browse methods and then menu
inside it. I've set the accordion to expand vertically to
accommodate the varying menu lengths. However, the sub-menus are
not flying out. The Accordian is nested in a 170px div. Any
suggestions for making this work? Or other suggestions for an
elegant solution for long menus with lots of sub_menus. The menus
will be populated dynamically as products are removed and added in
the database.
Thanks in advance.You could do this easier if you used dependent dropdowns for
the vehicle, product manufacture, and product category with a
search option, this would eliminate a lot of work and confusion.
This might help, I have been trying to find a good extension
for menu's that I could either have static or turn dynamic, I just
purchased Pop Menu Magic from Project Seven
http://www.projectseven.com/products/menusystems/pmm/index.htm
I can insert these menu's in the Accordion and do not have
the problem that you are having with the flyouts, if you are using
2 or more use server side include.
What impressed me the most was when I submitted a inquiry
about the product I received a response by phone from Al Sparber,
who walked me though the extension and then when I had a question
after purchase he was right there to help, not going to get that
kind of service from very may companies.
One last thing, remember that the search engines are not able
to index AJAX or SPRY so this might be a concideration when
designing this and look at menu systems that are search engine
friendly. -
Accordian Action: IE8: Bouncing
I am very new to designing with Spry and have been watching training videos for help.They have been very helpful and I have learned a lot of workarounds for certain issues. However, I have a problem I can't resolve.
I have added an accordian widget with nested tabbed panel widegets inside the content panels. So: US Regions (accordion widget)>States (tabbed widget)>Cities (tabbed widget)>Properties (tabbed widget).
It looks great when I select the accordion panels in Firefox and the states and properties tabs work as well.
But when I select either the top accordion panel (Northeast) or the bottom panel (West) in IE8 (but not Midwest and Southern in the middle), the entire frame of the page bounces to the right and then back to the left. It is very annoying. I am not sure why this is happening and I don't have the experience to know how to troubleshoot the code.
I know I am probably pushing the limits by using so many nested Spry elements but since it works in Firefox, can I assume that it should be fixable to work in IE8?
In addition, I seem to have added a dotted border that I don't like and I am not sure which css style this applies to?
Thank you for your help.I completely started with a new page in order to recreate the issue if possible. This is the code I have at this point. Any * indicates proprietary text that I cannot display. So there is no content other than text at this point. I have not altered any of the accordion or tabbed panels css. Any other attributes are from the css style sheet for the current website. All current live pages work well in any browser I have tested.
I had been using googlemaps inside the tabbed panels content and thought that might be an issue, but none of this page contains the actual map code just text indicating that a map will be placed there, and the issue is still there. This is basically a template to enter content into.
I checked it each step of the way in both Firefox and IE8 to see when the problem would begin to happen. Again, at all steps, as with the original completed document, it works very well in Firefox, even with many nested tabbed panels.
In IE8, once I begin adding nested tabbed panels into the content panels, clicking an accordion panel tab will cause the whole page content to shift to the right and then bounce back to the left. It does not matter whether I am selecting the top, middle or bottom accordian panel tabs, nor does it seem to matter if I work back up from the bottom. Selecting tabbed panels within the nested tabbed panels does not cause any issues.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>***</title>
<link href="../css/styles.css" rel="stylesheet" type="text/css" />
<script src="../*SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="../*SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="../*SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="../*SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topcontainer"><a href="../index.php"><img src="../img/Logo.png" width="205" height="51" border="0" style="margin-left: -8px" title="*"/></a>
<h1 align="right">*</h1>
<div style="background-color: #cfcfcf; height: auto; height: 174px; border: 1px solid #000; border-collapse: separate;">
<div id="topMenu">
<ul>
<li>» <a href="../index.php">*</a></li>
<li>» <a href="../*/index.php">*</a></li>
<li>» <a href="../*/index.php">*</a></li>
<li>» <a href="../about/index.php">*</a></li>
<li>» <a href="../contact/index.php">Contact Us</a></li>
</ul>
</ul>
<p style="margin-top: 8px; text-align:center; font-weight: bold;"><i><a href="mailto:info@*">info@*.com</a></i></p>
</div>
<div id="imageWell"><img src="../img/headers*.jpg" width="665" height="174" /> </div>
</div></div><div id="container">
<div id="navigation">
<?php include ("sidebar.php"); ?>
</div>
<div id="content">
<div id="breadcrumbs"><a href="../index.php">*</a> » <a href="*.php">*</a></div>
<h1>*</h1>
<div id="rightWell*">
<h2>For more information:</h2>
<p><img src="../img/people/*.jpg" alt="*" width="105" height="131" align="left" style="padding-right: 6px;" /><strong>* </strong>,<br />
* </p>
<p>*<br />
[<a href="mailto:*@*.com">E-mail *</a>] </p>
<p> </p>
</div>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Northeast</div>
<div class="AccordionPanelContent">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">New York</li>
<li class="TabbedPanelsTab" tabindex="0">Pennsylvania</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels3" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">*</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels4" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">* 1</li>
<li class="TabbedPanelsTab" tabindex="0">*2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Map of * 1</div>
<div class="TabbedPanelsContent">Map of * 2</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels2" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">*</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels5" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">* 1</li>
<li class="TabbedPanelsTab" tabindex="0">* 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">*1</div>
<div class="TabbedPanelsContent">* 2</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Midwest</div>
<div class="AccordionPanelContent">
<div id="TabbedPanels6" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Illinois</li>
<li class="TabbedPanelsTab" tabindex="0">Indiana</li>
<li class="TabbedPanelsTab" tabindex="0">Ohio</li>
<li class="TabbedPanelsTab" tabindex="0">Minnesota</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels7" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">*1</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">* 1</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels8" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"> * 1</li>
<li class="TabbedPanelsTab" tabindex="0">*</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">*1</div>
<div class="TabbedPanelsContent">*2</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels9" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">*</li>
<li class="TabbedPanelsTab" tabindex="0">*</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels10" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">* 1</li>
<li class="TabbedPanelsTab" tabindex="0">* 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">* 1</div>
<div class="TabbedPanelsContent">* 2</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels11" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">*1</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">*1</div>
<div class="TabbedPanelsContent">*2</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels12" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">* </li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels13" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">* 1</li>
<li class="TabbedPanelsTab" tabindex="0">*2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">* 1</div>
<div class="TabbedPanelsContent">* 2</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Southern</div>
<div class="AccordionPanelContent">Content 3
<div id="TabbedPanels14" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Alabama</li>
<li class="TabbedPanelsTab" tabindex="0">Florida</li>
<li class="TabbedPanelsTab" tabindex="0">Georgia</li>
<li class="TabbedPanelsTab" tabindex="0">Kentucky</li>
<li class="TabbedPanelsTab" tabindex="0">North Carolina</li>
<li class="TabbedPanelsTab" tabindex="0">Oklahoma</li>
<li class="TabbedPanelsTab" tabindex="0">Tennessee</li>
<li class="TabbedPanelsTab" tabindex="0">Texas</li>
<li class="TabbedPanelsTab" tabindex="0">Virginia</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels15" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1 Al City 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2 Al City 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels18" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1 Al City 1*1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2 Al City 1 * 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1 Al City 1* 1 Map</div>
<div class="TabbedPanelsContent">Content 2 Al City 1 * 2 Map</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels19" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1 Al City 2 * 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2 Al City 2 * 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1 Al City 2 * 1 Map</div>
<div class="TabbedPanelsContent">Content 2 Al City 2* 2 Map</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels16" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1 Fla City 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2 Fla City 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="TabbedPanels20" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1 Fla city *p 1</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2 Fla city * 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">Content 2 Fla * 2 map</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="TabbedPanels17" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab 1 GA </li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
</div>
<div class="TabbedPanelsContent">Content 4 Kentucky city tab panel</div>
<div class="TabbedPanelsContent">Content 5 NC city tab panel</div>
<div class="TabbedPanelsContent">Content 6 Okl city tab panel</div>
<div class="TabbedPanelsContent">Content 7 Tenn city tab panel</div>
<div class="TabbedPanelsContent">Content 8 texas city tab panel</div>
<div class="TabbedPanelsContent">Content 9 VA city tab panel</div>
</div>
</div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">West</div>
<div class="AccordionPanelContent">Content 4</div>
</div>
</div>
</div>
<div class="end"></div>
</div>
<?php include("../footer.php"); ?>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2");
var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3");
var TabbedPanels4 = new Spry.Widget.TabbedPanels("TabbedPanels4");
var TabbedPanels5 = new Spry.Widget.TabbedPanels("TabbedPanels5");
var TabbedPanels6 = new Spry.Widget.TabbedPanels("TabbedPanels6");
var TabbedPanels7 = new Spry.Widget.TabbedPanels("TabbedPanels7");
var TabbedPanels8 = new Spry.Widget.TabbedPanels("TabbedPanels8");
var TabbedPanels9 = new Spry.Widget.TabbedPanels("TabbedPanels9");
var TabbedPanels10 = new Spry.Widget.TabbedPanels("TabbedPanels10");
var TabbedPanels11 = new Spry.Widget.TabbedPanels("TabbedPanels11");
var TabbedPanels12 = new Spry.Widget.TabbedPanels("TabbedPanels12");
var TabbedPanels13 = new Spry.Widget.TabbedPanels("TabbedPanels13");
var TabbedPanels14 = new Spry.Widget.TabbedPanels("TabbedPanels14");
var TabbedPanels15 = new Spry.Widget.TabbedPanels("TabbedPanels15");
var TabbedPanels16 = new Spry.Widget.TabbedPanels("TabbedPanels16");
var TabbedPanels17 = new Spry.Widget.TabbedPanels("TabbedPanels17");
var TabbedPanels18 = new Spry.Widget.TabbedPanels("TabbedPanels18");
var TabbedPanels19 = new Spry.Widget.TabbedPanels("TabbedPanels19");
var TabbedPanels20 = new Spry.Widget.TabbedPanels("TabbedPanels20");
//-->
</script>
</body> -
Howdy!
I'd like to start by saying that the Spry Framework provides
a fantastic and fun way to create dynamic web pages. I've been
having a blast toying around with it. But I've run into a situation
I haven't been able to figure out yet. The Gallery demo is amazing,
but as a photographer, I need my galleries to do a bit more,
including online ordering.
Here is the link to my
Testing
Site
Click on Package Builder in the accordian, and you'll see
that you can select different packages and the form automatically
updates to reflect the contents of the selected package. What I
need to do though, is for each product in the package, I need to
display a drop down select for the image and the tone. I started
with the tone (which admittedly probably ought to be static text,
but the problem would be the same whether it is the tone or image
select), and it just doesn't work. Well, it doesn't work when it is
nested as part of a spry:repeatchildren tbody tag.
And just as a sanity check, I copied and pasted the code to
create the tone select box at the bottom of the page, Scroll down
all the way, and you'll see it down there. But, on the Package
Builder AccordionPane, it just gives me a blank select box.
Is this type of nesting too complicated for Spry at this
point, or have I missed something extremely obvious?
Thanks in advance for your advice!
Peace,
MattHi Matt,
I think your problem come from those line
<div spry:region="dsPackageProducts"
id="packageProducts">
<table>
<div spry:region="dsTones" id="toneSelector">
It seems that spry can't handle nested spry:region.
So the solution is to declare your region into the previous
one like this :
<div spry:region="dsPackageProducts dsTones"
id="packageProducts">
<table>
<div id="toneSelector">
<select spry:repeatchildren="dsTones"
name="toneSelect">
</table>
</div>
Hope this helps you
Miguel -
Dynamic Accordian Implimentation
Hi... I'm trying to use spry to implement a dynamic project
list with a detail section for a client.
What I've got is a page with categories of projects. Each of
the categories will be a tab on an accordian widget. In each of the
categories I want to have a spry table with the projects of that
category that then link to a detail region.
Right now I've got an XML data set with all of the projects
that I need to figure out a way to filter under each accordian tab,
but I could do multiple xml data sets (1 for each category).
The page is at
http://bedrock.izlink.com/portfolio.asp
What's the best approach to use?Hi,
Have you seen this?
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
And depending on how you structure your XML, you might be
interested in Nested data sets.
http://labs.adobe.com/technologies/spry/samples/data_region/NestedXMLDataSample.html
Let us know if you have more questions.
Don
Adobe Spry Team -
Thumbnail Lightbox slideshow in Accordian starts with first image, regadless of trigger
I created my lightbox on a separate page and it works just fine. I placed that same lightbox inside an accordion panel. Now (only on the first click) it doesn't matter which thumbnail I click on, the first image comes up. If I close that image and click on another thumbnail, the right image comes up. I need to get rid of that glitch. Any suggestions?
Islandpixie,
Thanks for posting this. I've discussed this issue with our engineering team and we are able to recreate the problem you're experiencing. The problem is related to the state of the Accordian panel that holds the Thumbnail slideshow. If the slideshow/lightbox triggers are in a panel that is open on initial view, the large images (the "heroes") will display in the right order. If the slideshow is nested in an Accordian panel that is initially closed, the first image in the slideshow will appear first regardless of which trigger thumbnail is clicked.
The only workaround we have at this time would be to use the Lightbox Composition widget instead of the Slideshow widget. This widget does not cause the same issue with hero order, however it will be more work to setup your slideshow. It will require you to create your own thumbnails for your triggers, then associate your hero image with the trigger (whereas the Thumbnail slideshow does this automatically). Here's a brief video on working with the Lightbox composition widget: http://muse.adobe.com/video-create-a-lightbox.html
Thanks for your patience.
Best regards
Corey -
Is there a way to open multiple childs of Accordian at a same time
Hi,
Is there a way to open multiple childs of Accordain at a same time.
My requiremnets is something like this:--
Thanks for any help on this in Advance.
Regards
MuniraYou can have multiple nodes open on a tree, so I guess you could open them all up on a button click.
Another option that might be possible is to use individual Accordians for each section and then use the click function to close the others. -
Problem in creation of Nested Table
Hi Everyone,
I have applied thisexample for creating nested tables but at the end I got the message of invalid datatype
current_address full_mailing_address_type,
ERROR at line 4:
ORA-00902: invalid datatype
http://www.praetoriate.com/oracle_tips_nested_tables.htm
Please help me out.....
Message was edited by:
DharmendraWhat is the output for
select * from user_types
? -
Media Encoder CC 2014 using cached versions of Precomps in AE and Nested Sequences in Premiere?
I'm seeing this weird thing where Media Encoder is using older versions of certain assets when exporting a Premiere Pro CC 2014 sequence. I'm seeing issues with nested sequences...Media Encoder uses an old version of a linked AE comp or it doesn't render a certain video track. With linked AE comps...I'm seeing Media Encoder use an earlier version of a precomp within the main comp.
When I look at the video in the Export Settings dialogue in Media Encoder, the old version of the AE comp shows .
If I look at the Export Settings dialogue in Premiere, it's up to date and looks right.
Anyone dealing with this or found a workaround? Thanks!
CalvinI don't think I'd call this issue expected behavior...at best it's anticipated behavior that's going wrong. The only reason I wouldn't call it expected behavior is because what I'm seeing is AME reverting to a cached state on a FRESH LOAD of a sequence to render directly from Premiere. Basically, AME isn't open...sequence looks fine in PPro...load into AME via PPro export...look at export settings dialog in AME and note that the sequence is the old/cached version. So, it's not like the export was already in AME and THEN I made changes in PPro. It appears AME might be incorrectly identifying the newly imported sequence for export as an older, cached version.
However, I didn't get a chance to test your original solution so I'll try that the next time I see it happen. I also fixed the issue by clearing out the media cache and databases. NOT an elegant solution at all and TOTAL overkill...but it did work.
Thanks for the links! -
Nested tables and multiset operators in Oracle 10g
Consider the following scenario:
We have two identical relations R and S defined as:
CREATE TABLE R(
a INTEGER,
b table_type)
NESTED TABLE b STORE as b_1;
CREATE TABLE S(
a INTEGER,
b table_type)
NESTED TABLE b STORE as b_2;
where table_typ is defined as
CREATE TYPE table_typ AS TABLE OF VARCHAR2(8);
Suppose we have two instances of R and S, each having one tuple as follows: R(1,table_typ('a','b')) and S(1,table_typ('b','c')).
I would like to "merge" these two simple instances (e.g., achieve the effect of a simple SELECT * FROM R UNION SELECT * FROM S query) and obtain the following resulting instance: Result(1,table_typ('a','b','c')).
Would this be possible in Oracle 10g? A simple UNION does not work (I got a "inconsistent datatypes: expected - got SCOTT.TABLE_TYP" error). I also took a look at the MULTISET UNION operator over nested tables available in Oracle 10g, but it doesn't seem to get me anywhere. Any help on this would be greatly appreciated.
Thank you,
LauraOracle Database 10g Enterprise Edition Release 10.1.0.2.0 - 64bit Production
With the Partitioning, OLAP and Data Mining options
SQL> CREATE OR REPLACE TYPE table_type AS TABLE OF VARCHAR2 (8);
2 /
Type created.
SQL> CREATE TABLE r(
2 a INTEGER,
3 b table_type)
4 NESTED TABLE b STORE as b_1;
Table created.
SQL> CREATE TABLE s(
2 a INTEGER,
3 b table_type)
4 NESTED TABLE b STORE as b_2;
Table created.
SQL> INSERT INTO r VALUES (1, table_type ('a', 'b'));
1 row created.
SQL> INSERT INTO s VALUES (1, table_type ('b', 'c'));
1 row created.
SQL> COLUMN c FORMAT A10;
SQL> SELECT r.a, r.b MULTISET UNION DISTINCT s.b c
2 FROM r, s
3 WHERE r.a = s.a;
A C
1 TABLE_TYPE('a', 'b', 'c')
SQL> -
Is it possible to nest rules in ISE 1.2?
For example, rule 1 matches parent group, then rule 1.1 is a sub-group that applies policy 1, rule 1.2 matches another sub-group that applies policy 2. So on...
Thanks.Yep, Policy Sets would do the trick! Good job on figuring out a solution to your own problem and thank you for taking the time to come back and share it with everyone. (+5 from me)
You should probably mark the thread as "Answered" now :)
Thank you for rating helpful posts! -
Query help, Percentages / ratio to reports / nests
Hi
I have a query that returns data like this
D_NO POINTS COUNT_POINTS ID_COUNT
4002 L_T_69 12 282
4219 L_T_69 1 151
4228 L_T_69 18 193
4229 L_T_69 7 181
4230 L_T_69 0 197
I need to also output a column that works out a percentage of count_points and Id_count. e.g 12/282 * 100 = 4.2
I had a try with ratio to reports function but no joy for me. I think i need to add in
another nested select or something but what i was trying wasnt working.
Can anyone help.
here is the query so far
SELECT D_NO,
GROUPS.POINTS,
DECODE(GROUPS.POINTS, 'L_T_69' , L_T_69) AS COUNT_POINTS,
ID_COUNT
FROM
(SELECT D_NO,
Count (CASE WHEN VERBAL <= 69 THEN 1
END) AS L_T_69,
COUNT(ID_NUMBER) AS ID_COUNT
FROM TBL_1
WHERE VERBAL IS NOT NULL
group by D_NO)
TBL_1,
( SELECT 'L_T_69' POINTS FROM DUAL )GROUPS
thank youNot sure if this is what you're looking for but it may give you some clues:
select object_type
,has_a_c
,type_total
,round(100 * (has_a_c / type_total),2) ratio
from
select object_type
,sum (case when instr(object_name,'C') <> 0 then 1
else 0
end) has_a_c
,count(*) type_total
from all_objects
group by object_type
OBJECT_TYPE HAS_A_C TYPE_TOTAL RATIO
CONSUMER GROUP 1 2 50
EVALUATION CONTEXT 1 1 100
FUNCTION 50 113 44.25
INDEX 7 20 35
LIBRARY 0 2 0
OPERATOR 1 2 50
PACKAGE 500 1158 43.18
PACKAGE BODY 487 1126 43.25
PROCEDURE 54 86 62.79
SEQUENCE 62 116 53.45
SYNONYM 1060 2298 46.13
TABLE 365 721 50.62
TABLE PARTITION 15 15 100
TYPE 104 272 38.24
VIEW 834 1896 43.99
15 rows selected.
Maybe you are looking for
-
Help: How to get number of sales for a period of months in a report?
I am working on a report with a table having emp_id and order_date. Given input date Begin_date (mm/yyyy) and End_date (mm/yyyy), I need to create a report that shows the number of orders have sold for each emp_id for each of the months within the in
-
Hard Drive Icon no longer in upper right corner?
I know this probably sounds silly and trivial but it's annoying to me and I was wondering if there is a fix for it. Last week, my Hard Drive icon, which normally sits at the top right hand corner of my screen shows up on the middle right underneath a
-
HT1414 How can I use my info that has been backed up on my older iphone
I was wondering how can I access the information that was backed up on my Iphone 3G and 3GS, now that I have the current Iphone 4S? Can I print that information out on a word doctument or something?
-
I spent an hour or so trying to enter the twelve symbols of the Zodiac in Photoshop CS5. In TextEdit, these symbols can be inserted through the standard Character Viewer, but in Photoshop this yields an unsupported character in the Myriad Pro font, i
-
How to know date and time information from Trace File defaultTrace.X.trc?
Hi, all. i'm using EP 6.0 SP9 patch 1. As you know, default trace is written in the <SID>\JC00\j2ee\cluster\server0\log\defaultTrace.X.trc. By using the default trace formatter, it shows like the following sample messages. #1.5#0011110E7B200059