Spry Pager & Filters issue
Hi Kin or Don,
I am still not sure why I am getting this error when I Filter
my dataset in the paged version of the project I am working on.
here is the sample page I created that shows the issue I seem to be
having.
http://www.bardenhomes.com/pcs/sg/functionTest.asp
I removed my workaround, and changed the
HandleThumbnailClick() function to set only the
dsStandards.setCurrentRowNumber() of the dsStandards not the paged
view dataset as you suggested in this
other
post.
I reoad the page and click one of the tumbnails and it opens,
go to the next page and select another and it opens fine. then I
filter for the the names that start with "w" and 2 are brought back
fine I click one of them and I get the "Invalid row number:" error
and the detail area reloads but with the last house I selected
before the filter, it never resets the current row.
to me it seems the call to the
dsStandards.setCurrentRowNumber() on the original dataset is
causing the error. the current record isnt changed and the
ShowCurrentImage2(); function just reloads using the last current
record I selected before the filter.
does this make sense?
You are right about what I am tring to acomplish, I want the
user to be able to apply a few filters to get a set of houses that
meet there size and other requirements, eventully there will be
over 250 houses in the catalog, so you can see the benefit of
finding what you want as easily as possible. I like the paged
version very much it will speed the loading of the page initallay
when all 250+ records are in the dataset. having to only load 25
thumbnails and the very first rendering instead of all 250
thumbnails.
I am close to having a this project done, this seems to be my
only hurdle at this time. I have 2 versions currently, one that
pages and one that doesnt, I really want to use the paged verison.
The functionTest.asp page is just a simplified place to play and
figure out what is going wrong.
Paged version -
http://www.bardenhomes.com/pcs/sg/bsc_paged.asp[
Non-paged version -
http://www.bardenhomes.com/pcs/sg/bsc.asp
any help at this point would be greatly appreciated,
thanks Jim
Just for clarification ... a RowID is a random number or
string that the data set assigns to a row so that it can be
uniquely identified, even when the position of the row within the
data set changes due to a sort or filter.
For the XML data set implementation, the row IDs for each
data set start at zero whenever the data is loaded ... this means
that initially the IDs match the row number, but that all changes
once you filter or sort.
--== Kin ==---
Similar Messages
-
Hyperlinks not working correctly when converting word doc to Web Page, Filtered
I have created a word document (MS Word 2013) with Table of Contents and their links to particular sections and all the hyperlinks works fine in the word document. But when I convert this document into Web Page, Filtered then after a specific point
the hyperlinks not pointing to their respective sections instead they are pointed to the end of the page.
I have checked the page source of the HTML document and found that the table of contents have hyper links but the respective sections doesn't have the hyper link code and hence click on the a section didn't find the that section and go to the end
of the document.
I have tried to convert into PDF and hyperlinks worked fine.
Please advise me how to resolve this issue.
Thanks in advance
DeepakHi Deepak,
I'm marking the reply as answer as there has been no update for a couple of days.
If you come back to find it doesn't work for you, please reply to us and unmark the answer.
Best Regards,
Steve Fan
Forum Support
Come back and mark the replies as answers if they help and unmark them if they provide no help.
If you have any feedback on our support, please click
here -
Hi,
I'm having a major headache with IE 7 caching issues at the
moment.
I've tried adding all the no-cache headers to both the
generated xml, and the actual spry page to no avail. I've also
tried using random characters to the xml file and changing the
retrieval method to post rather than get, but still no joy.
My page basically lists a group of monitored servers, and
their current status, retrieved as xml output from an asp script
accessing an sql server database. The spry reload time for the data
is set at 10 seconds. On every refresh of the xml, the IE memory
issue jumps, and doesn't seem to release anything. Everything works
ok in Firefox, just good old IE 7 that i'm having issues with.
Any ideas gratefully received.Hi uk_jim,
Give this a try:
http://www.infoaccelerator.net/index.cfm?event=showEntry&entryId=F22C2021-1372-FA49-994AC8 29431456FB
--== Kin ==-- -
RoboHELP to PDF Page numbering issue
HI,
I am experiencing a problem related to page numbers in the pdf generated through the RoboHELP source files. Hereby I am giving some images of the initial pages of the PDF, in which I have clearly explained the issue. I have removed the content and images related to our project. Please let me know, how I can overcome this issue.
NOTE: The page numbering issue was not there earlier. I have imported two frame maker files. Then I was not able to generate a PDF. That particular FM file had a table. Read in the Adobe forum that some type of tables may affect the generation of PDF. Hence, I have deleted the FM files. Since then I am facing the page numbering issue.
Here are the images with my explanation of the issue:
The following is an image of the pdf. This is actually the fourth page of the pdf, but it is numbered as xiv.
The next pae is numbered as xv. Again the numbering reverted back to xiv as shown in the following iamge.
Immeditely after the TOC, the 1st page is numbered as 115.
Again every 1st page of a chapter is starting as page number 115
The 2nd page of every chapter is numbered as 126.
The 3rd page of every chapter is numbered as 125.
The fourth page again numbered as 126 followed by 125, which is continuing till end of the chapter.
Please let me know how this issue can be solved.I am not sure what is causing this but can suggest a workaround. Instead of publishing direct to PDF, create a Word document only. That may have page numbering issues but there you should be able to correct them. Then publish your PDF from Word.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge -
Citrix Netscaler AppXpert with Sharepoint 2010 Page Edit Issue
Posting this as a questions and discussion point.
The issue is in using Citrix Netscaler with AppXpert with SharePoint 2010. I've seen this issue for two customers.
Configurations:
- Citrix Netscaler as the load Balancer
- Netscaler AppXpert for SharePoint deployed on Netscaler (using either AppXpert version 1.1 or 2.0)
- SharePoint 2010 Standard or Enterprise editions
Issue:
A SharePoint user with appropriate rights go to a SharePoint page. They choose Edit page, make changes and want to save changes. At this point all SharePoint ribbon options on the top are greyed out. End result, users are not able to make changes to their
site pages. Issue happens for everyone including Farm Admins.
Cases:
a. The users are able to edit and save SharePoint wiki pages if I point user's PC to the SharePoint web server WFE by changing their local host file.
b. On Citrix Netscaler, if I use the traditional load balancing i.e. without Citrix AppXpert, then the users are able to edit and save the pages. That is an option if the customer is using SharePoint 2010 Standard. That is not an option if a customer is
using InfoPath forms. InfoPath is a feature of SharePoint 2010 Enterprise edition. Citrix AppXpert for SharePoint is needed to make the InfoPath work. Else the users get session errors when they use InfoPath Web forms.
c. The issue happens on almost all combination of OS and browser. XP, vista, Win 7, Win8, Win8.1, IE8, 9, 10, 11 and other browsers like chrome etc as well.
Please share your ideas and suggestions.Hi Faisal,
As I understand, the issue will be solved when end users directly connect to SharePoint WFE servers. Since the issue is related to third party products, I'd recommend you contact their support engineer for sufficient resource and assistance. For your convenience:
http://discussions.citrix.com/forum/150-support-forums/
Should you need more assistance, let me know. Thanks for the understanding.
Regards,
Rebecca Tu
TechNet Community Support -
Hello Aperture Users,
I am having filtering problems that do not make sense. When I filter a folder with in the library for "Calliope Hummingbirds" only I get 508 images but when I apply an additonal keyword of "Male" I get 1094 images that are the original Calliope and any other one that is "Male". This is not what I expect, I expect a smaller number of images that are both Calliope and Male.
My filter is (the little dark box with a magnifing glass icon on the upper right of the browser window. It is set to find images "include if ALL of the following MATCH".
Also not that the filtering take a long time 20 or more seconds. My entire library is some 13,000 images not huge, I think. Any ideas how to speed it up. I have a a dual processor G5 Power PC with 4.5 Gigs of Ram.
Thanks for your help in advance.
DickBelieve you want to filter the NULL values in the grid.if so, refer to the following post, hope it helps
http://social.technet.microsoft.com/Forums/sharepoint/en-US/23f6367e-17f1-4128-a2cd-bf946dc31414/spgridview-filtering-issues?forum=sharepointdevelopmentprevious
--Cheers -
I have columns with null values, but in filter option I do not have the option (Empty) as standard in SharePoint Environment is.
protected void Page_Load(object sender, EventArgs e)
FillGrid();
private void FillGrid()
GridViewTest.DataBind();
public DataTable GetDataTable()
using (SPWeb sw = SPContext.Current.Web)
SPList sl = sw.Lists["CRTracking"];
DataTable ResTable = new DataTable();
ResTable.Columns.Add(new DataColumn("AppType"));
ResTable.Columns.Add(new DataColumn("CR no."));
foreach (SPListItem item in sl.Items)
DataRow dr = ResTable.NewRow();
dr["AppType"] = item["AppType"];
dr["CR no."] = item["CR no."];
ResTable.Rows.Add(dr);
return ResTable;
static ObjectDataSource odsDataSource = new ObjectDataSource();
protected void Page_Init(object sender, EventArgs e)
odsDataSource.ID = "odsDataSource";
odsDataSource.SelectMethod = "GetDataTable";
odsDataSource.TypeName = this.GetType().AssemblyQualifiedName;
odsDataSource.ObjectCreating += new ObjectDataSourceObjectEventHandler(odsDataSource_ObjectCreating);
odsDataSource.ObjectDisposing += new ObjectDataSourceDisposingEventHandler(odsDataSource_ObjectDisposing);
//odsDataSource.Filtering += new ObjectDataSourceFilteringEventHandler(GridViewTest_Filtering);
this.Controls.Add(odsDataSource);
GridViewTest.PagerTemplate = null;
GridViewTest.AllowFiltering = true;
GridViewTest.FilterDataFields = ",AppType,CR no.";
GridViewTest.FilteredDataSourcePropertyName = "FilterExpression";
GridViewTest.FilteredDataSourcePropertyFormat = "{1} = '{0}'";
private void odsDataSource_ObjectCreating(object sender, ObjectDataSourceEventArgs e)
e.ObjectInstance = this;
protected void odsDataSource_ObjectDisposing(object sender, ObjectDataSourceDisposingEventArgs e)
e.Cancel = true;
protected void GridViewTest_RowDataBound(object sender, GridViewRowEventArgs e)
if (sender == null || e.Row.RowType != DataControlRowType.Header)
return;
if (e.Row.RowType == DataControlRowType.Header)
SPGridView grid = sender as SPGridView;
if (String.IsNullOrEmpty(grid.FilterFieldName))
return;
// Show icon on filtered column
for (int i = 0; i < grid.Columns.Count; i++)
DataControlField field = grid.Columns[i];
if (field.SortExpression == grid.FilterFieldName)
Image filterIcon = new Image();
filterIcon.ImageUrl = "/_layouts/images/filter.gif";
filterIcon.Style[HtmlTextWriterStyle.MarginLeft] = "2px";
// If we simply add the image to the header cell it will
// be placed in front of the title, which is not how it
// looks in standard SharePoint. We fix this by the code
// below.
Literal headerText = new Literal();
headerText.Text = field.HeaderText;
PlaceHolder panel = new PlaceHolder();
panel.Controls.Add(headerText);
panel.Controls.Add(filterIcon);
e.Row.Cells[i].Controls.Add(panel);
break;
protected void GridViewTest_Sorting(object sender, GridViewSortEventArgs e)
if (ViewState["FilterExpression"] != null)
odsDataSource.FilterExpression = (string)ViewState["FilterExpression"];
if (ViewState["SortDirection"] != null && ViewState["SortExpression"] != null)
// We have an active sorting, so this need to be preserved
odsDataSource.SortParameterName = ViewState["SortExpression"].ToString();
//+ " " + ViewState["SortDirection"].ToString();
protected void GridViewTest_PageIndexChanging(object sender, GridViewPageEventArgs e)
GridViewTest.PageIndex = e.NewPageIndex;
GridViewTest.DataBind();
protected sealed override void LoadViewState(object savedState)
base.LoadViewState(savedState);
if (Context.Request.Form["__EVENTARGUMENT"] != null &&
Context.Request.Form["__EVENTARGUMENT"].EndsWith("__ClearFilter__"))
// Clear FilterExpression
ViewState["FilterExpression"] = null;
ViewState.Clear();
//ViewState.Remove("FilterExpression");
}Believe you want to filter the NULL values in the grid.if so, refer to the following post, hope it helps
http://social.technet.microsoft.com/Forums/sharepoint/en-US/23f6367e-17f1-4128-a2cd-bf946dc31414/spgridview-filtering-issues?forum=sharepointdevelopmentprevious
--Cheers -
Spry Image Slideshow issue in IE8 - Another Error
I looked at the other discussions pertaining to Spry Image Slideshow issues. The slideshow works well in Firefox but I'm getting an error in IE 8 .
https://www.devens.army.mil
Webpage error details from SpryDOMEffects.js, line 389
Spry.Effect.CSSAnimator.stylePropFuncs["default"] = {
get: function(ele, prop)
return ele.style[prop];
set: function(ele, prop, val)
ele.style[prop] = val; (line 389)
Thank you for any help you can provide.I've noticed that you fixed the problem can you tell me how to fix it?
having same problem here -
Spry Menu Bar issue, NEED HELP...???
Here is the coding for a menu bar that i created with CS3, for some reason i am having an issue when i open the web page in IE, on firefox and safari it looks fine, the menu drops down to sub menu's fine, but for some reason when i open it in IE, the submenu's show on the very top of the page rather than right below the menu itself, please check my coding and see if there is an issue???
i ran compatability and there are no issues shown.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* 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: 100%;
cursor: default;
width: auto;
/* 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;
/* 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: relative;
text-align: left;
cursor: pointer;
width: 10.4em;
float: left;
background-image: url(tab2.png);
/* 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;
text-decoration: underline;
/* 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;
background-image: url(../tab1.png);
/* 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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: default;
padding: 0.5em 0.75em;
color: #FFFFFF;
text-decoration: none;
border-left-color: #0063bd;
border-right-color: #0063bd;
border-right-width: 3px;
border-left-width: thin;
font-family: Calibri;
font-weight: bold;
font-size: 19px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #000000;
/* 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
color: #000000;
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%;
/* 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;
/* 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-block;
f\loat: left;
position: relative;Hey gramps, thanks for the info, i have updated my spry framework to 1.6.1 but the problem is still the same, i recreated my menu with the new 1.6 and it still doing the same thing, the submenu's are like vertically reversed... ugh need help.
here the new 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: 100%;
cursor: default;
width: auto;
/* 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;
/* 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: relative;
text-align: left;
cursor: pointer;
width: 10.4em;
float: left;
/* 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;
background-image: url(../tab1.png);
line-height: 18px;
/* 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;
padding: 0.5em 0.75em;
color: #FFFFFF;
text-decoration: none;
font-size: 19px;
font-family: Calibri;
font-weight: bolder;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #000000;
/* 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
color: #000000;
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-repeat: no-repeat;
background-position: 95% 50%;
/* 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-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-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-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;
/* 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; -
I have a vertical spry menu bar and it opens up to the right
over the text on the page.
In Firefox it displays correctly, but in iExplorer, when the
cursor hovers over the drop down menu, it only stays highlighted
and open when the curser is directly over the text in the spry box,
or if there is no text on the page. But when the cursor is over
empty space in the box and there is text on the page behind it, the
box closes.
How do I fix this?Hello Beth,
The piece of CSS you see there is actually a fix for Internet Explorer 6. It has bug where form elements such as selects will go through divs and other elements, in this case the <ul>'s of the menu bar. To resolve this issue, a iframe is generated and carefully placed under the <ul> elements. This way the form elements will no longer pass through the <ul>'s
If you menu is no where near a form element you could remove the iframe generation code form the javascript and savely remove that related stylesheet rule. But i do not recommend such practices. But that would be the only fix for the validation issue. Well.. Thats not true actually you could apply those styles through JavaScript... So that might actually be another option.
So it all depends on how hefty you weight validations. Validations are guid lines. Because a page doesn't "validate" it doesn't necessary mean the page is doomed and will crash all browser that comes on its path . But clients are usally verry narrow minded. So good luck with that .
So without further ado, the fixes:
- do nothing as it doesn't harm your page, it merly fixes internet explorer.
- removal of the iframe from JS:
line 289, remove:
if(Spry.is.ie && Spry.is.version < 7)
this.createIframeLayer(menu);
line 317, remove:
if(Spry.is.ie && Spry.is.version < 7)
this.removeIframeLayer(menu);
- move the css to JavaScript:
line 243 find:
layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
and add under:
layer.style.position = 'absolute';
layer.style.zIndex = 20010;
layer.style.style.filter = "alpha(opacity=0.1)";
Happy hacking -
Hi guys
I have tried to implement a Spry Accordion function using DW CS3 to allow me to display current and previous news on a website, however I am having issues with getting it to display properly. You can view the page here: http://www.amiante.co.uk/news.html
When testing the site in various browsers I noticed a glaring issue, underneath the According there is a massive white space, which to me appears to be the space that would be taken up if each panel of the according were to be opened at the same time....
This issue occurs in Firefox 3.5.3, Safari 4.0.3, Opera 10.0 and Google Chrome 3.0.195. It seems to work faultlessly in IE 8, IE 7 and IE 6.
The confusing aspect is that if you zoom in (ctrl +) and zoom out (ctrl -) it seems to remove the white spacing.
If anyone has any idea of what is causing this I would be delighted to hear from you!
Thanks in advance.
MackenzieThank you so very much, I appreciate the quick response. However, I still have one small issue. For some unknown reason the bluestar tab does not show the star. It shows the tab, but no star. I've got it labeled correctly and it's pointing to the correct files, but I get the blue by itself. I know it must be a very simple solution and I must be doing something incorrect.
the files are under:
images/accordion/accordion_tabs_bluestar.jpg, and accordion_tabs_redwhite.jpg. The redwhite shows up. This is driving me nuts! I even went back and re-did the image file and saved it again, but all I get is the blue without the star. Can it be that the image is too big and cutting off the star that is to the right of it?
Thank you so much, I do greatly appreciate your kind help.
the other one is
The code was copied and pasted exactly as was suggested. There is no other blue tab file on the server, so I am confused just a bit.
Thanks again for helping an newbie, I appreciate it. -
I have inserted a Spry Accordion in Dreamweaver CS5, however, I'm having issues with the viewing of the tabs on load, on hover, etc. I want a dark blue tab on load, have it change to a wavy red white tab, and when opened go to a dark blue tab with a star. I can never get this to work as I want. I've checked the image files and they are labeled correctly. The test site is www.sbcvote.us/index_spry.html
I am a novice, and really have a hard time on this issue, that no doubt is not that complicated to those that know.
Thank you in advance for your help.
On my index page I have the css page reference.
<link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
the css code is:
.AccordionPanelTab {
border-top: solid 1px black;
border-bottom: solid 1px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font:Verdana, Geneva, sans-serif;
color:#FFF;
font-weight:bold;
background:(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
background-color:#EEE;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
background:url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
.AccordionPanelOpen .AccordionPanelTabHover {
background: url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
background-color: #EEE;Thank you so very much, I appreciate the quick response. However, I still have one small issue. For some unknown reason the bluestar tab does not show the star. It shows the tab, but no star. I've got it labeled correctly and it's pointing to the correct files, but I get the blue by itself. I know it must be a very simple solution and I must be doing something incorrect.
the files are under:
images/accordion/accordion_tabs_bluestar.jpg, and accordion_tabs_redwhite.jpg. The redwhite shows up. This is driving me nuts! I even went back and re-did the image file and saved it again, but all I get is the blue without the star. Can it be that the image is too big and cutting off the star that is to the right of it?
Thank you so much, I do greatly appreciate your kind help.
the other one is
The code was copied and pasted exactly as was suggested. There is no other blue tab file on the server, so I am confused just a bit.
Thanks again for helping an newbie, I appreciate it. -
Spry Tabbed Panels: Issue in Safar 4
I am having an issue with Spry Tabbed Panels that only seems to happen in Safari 4. I am using Spry Tabbed Panels 1.4 through Dreamweaver CS3. The tab panel still works great. Now, though, when you select a tab, it put a blue link border around the tab itself. When you load the page the tabs are fine. It only occurs when you select a tab and only on the selected tab. I looked around for any other sites that were using tabbed panels and it happens on those sites as well.
I am including a site I found that has a perfect example:
http://www.daughterskitchen.com/cookiediet.html
Click on one of the tabs where it says about the cookie diet.
I have looked into any way to stop this from happening. Has anyone seen this and come up with a solution?
If you need more info, let me know.
Thanks.I think your are referring to the css attribute: outline:none;
Added outline:none; to the css rule and it should be gone. -
I'm using Spry HTMLPanel with the Fade effect. Everything
works great in Firefox, but in ie7 the transparency on a png is
messed up if the html section is displayed through HTMLPanel. If I
look at the page directly it looks fine, and the problem only shows
when using HTMLPanel. Any suggestions?123456789lw escribió:
> Hello,
> I am having a slight issue with the spry squish effect.
>
> Essentially what I want to do is click on link1 and
"container1" opens. Click
> on link2 and "container1" closes and "container2" to
opens.
> So far I have gotten to the point where I can do this,
however it only works
> in one direction. And if I click link2 first, it calls
up the function where
> "container1" goes from 0% to 100% back to 0%, then the
function opens
> "container2".
>
> Eventually I would like to have 5 containers which will
first close
> "containerX" and then open "containerY" or somehow
replace the "containerX"
> with "containerY".
>
> Anyone know how to do that? I have my div set as hidden
and position:absolute.
>
> Any help would be most appreciated! :)
>
> Thanks,
> Lisa
>
Yeah, I see well, I haven't done much with effects but IMHO
you can
achieve something similar with less work with Tab Panels or
Accordions
at least in regards of open one contest and close another
just as your
first post suggested. Of course you can try with effects but
to be
honest I haven't experiment much with them. Hope someone else
does and
help you in this topic. -
I've just started using AIR & Spry and am having problems
getting the Spry.Data.XMLDataSet working when I convert it to an
AIR app. It works fine in my local html but I get the error:
spry:region or spry:detailregion attribute has no data set!
when I load the AIR application. My xml doc is sitting in the
same folder as the html page.
I can read data from an xml file using the XMLHttpRequest
object.
Is this a known issue? Any ideas?
Thanks.What version of Spry are you using? If you are going to work
Spry and AIR, you will need Spry 1.6.1 to work within AIR's
application sandbox. You can find the details here:
http://labs.adobe.com/technologies/spry/air.html
and a case study that shows what I had to do to make the
Photo Gallery work in AIR 1.0 here:
http://labs.adobe.com/technologies/spry/articles/air/photo_gallery.html
--== Kin ==--
Maybe you are looking for
-
How do i have 2 things over laying a video at the same time in imovie 10.0.1
Alright this is getting me very mad so heres my issue. So i am a game play commntator so i have my .mp4 video file of the game going fo the whole video. but theni added my .jpg file like a border around the video that i want to use. But then i also c
-
Comparing Oracle and MS SQL Server 2005
Hi! I'm looking for documents which compare features, price etc og the database and database related development-projects I'm looking for resources that describe the terminology used of MS and Oracle for their db's. I'm also looking for "Feuerstein"-
-
A printer that I have connected to my iMac via usb in not showing up in printer options on my iPhone or iPad and it use to before I upgraded to 8.1. How can I fix this?
-
Lost emails on Windows Live Mail
I have been using Windows Live Mail on my notebook for my emails. I have several folders with loads of saved messages but for some reason when I've logged on today I have nothing showing and I've done nothing that I know of to affect this. How do I g
-
How to copy and paste Text in iMovie?
Applying text to clips in iMovie is a breeze, also customizing fonts & colour. However, when you finally have your text finalized, the logical thing is to reuse that design throughout the movie. As a previous Pinnacle Studio user, I intuitively would