Making a spry menu work in browsers other than IE

I am having a hard time getting any vertical spry menu bar work in Safari, FireFox, etc. They work fine in Internet Explorer. Any ideas?
Here's an example: http://midlochorus.org/
Thanks in advance!
Karen

Thanks, Beth.
Like many others, I learned web design using tables and am trying to learn CSS. I am working on changing the positioning to relative, but now the page is all wonky. The left and top numbers are the same, but the nav bar is all over the place.
For what it's worth, I opened a new file and inserted a dummy vertical spry bar by itself with NO CSS... just at the top of the page, and I'm having the same problem. The menu will not expand in FF. I'll attach the document, and you can take a look.
As far as the flash issue is concerned, I had read about that problem. Fortunately, the only menu item that I wish to expand is not anywhere close to the fash object, so I'm hoping it won't be a problem in this case.
Thanks so much for your willingness to help!
Karen

Similar Messages

Vertical Spry menu works in IE7 but not Safari

My vertical SPRY menu works well in various versions of IE
but when I preview in Safari it has an odd way of creating the
sub-menu. Here is the visual:
http://www.ornh.mb.ca/index_test.html
Any suggestions? Dawn

First thing is first. Your spry code is out of date. You are
running version 1.4 and the latest is 1.6.1. Go to the page below
and run the Spry Updater package:
http://labs.adobe.com/technologies/spry/home.html

My quick menu worked for a week than quit working. i reinstalled everything and same thing, it work

my quick menu worked for a week than quit working. i reinstalled everything and same thing, it work ed for a few days than quit working. it says it is not a compatable program. i have win8. now it wont even work when i reinstall.

Hi Johnyd69!
So that the Community can help you better, we will need to know what model equipment you are working with.
Any other details you'd like to give will only help the Community better understand your issue!
If this is an urgent support need, please CLICK HERE to reach our friendly Technical Support Team by phone or email.
Thanks and have a great day!

How do I make a Spry menu work on an iPod?

Hi there,
As the Spry menu will only appear on hover, it is not accessible on an iPod/iPhone - is there anyway to make them work differently so that when you touch them on the iPod screen, the drop down menu appears instead of taking you to a new page?
Many thanks,
Steven

The Spry 2.0 menu bar is optimized for mobile and accessibility. You can find more info about Spry UI at the Spry Site http://labs.adobe.com/technologies/spry/ui/
I hope this helps.
Ben

Spry menu works in Firefox and Safari, but not Internet Explorer

I designed my school website in CS4 and CS5. The left spry menu bar appears correctly in Firefox and Safari, but in Internet Explorer the gray background and buttons do not appear. You can only see the text and when you scroll over the text, it disappears even though when you click on it, the link does appear. The website is http://ml.chinookschools.org. I created the site on a mac and I am hosting it on a mac mini server on my network at school. I am a beginner with Dreamweaver and I'm not sure if someone can help me with this, but I would sure be appreciative for any help offered. Here is the source code for the main template page:
</style>


</head>
<body>
<div id="wrapper">
<div id="header"><a href="../index.html"><img src="../images/header.jpg" width="950" height="121" /></a>
    <div id="apDiv1"><a href="http://chinookschools.org/" target="_blank"><img src="../images/hslink.gif" width="170" height="60" /></a></div>
</div>
<div id="bodyArea">
    <div id="left">
      <ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="../calendar.html">Calendar</a>            </li>
        <li><a href="../contactinfo.html">Contact Information</a></li>
        <li><a href="../currenthappenings.html" class="MenuBarItemSubmenu">Current Happenings</a>
          <ul>
            <li><a href="../harwoodhappen.html">Mr. Harwood - K</a></li>
            <li><a href="../haslerhappen.html">Ms. Hasler - K</a></li>
            <li><a href="../tedwardshappen.html">Mrs. T. Edwards - 1</a></li>
            <li><a href="../lewishappen.html">Mrs. Lewis - 1</a></li>
<li><a href="../whitneyhappen.html">Mrs. Whitney - 2</a></li>
<li><a href="../weinheimerhappen.html">Mrs. Weinheimer - 3</a></li>
<li><a href="../cedwardshappen.html">Mrs. C. Edwards - 4</a></li>
<li><a href="../macleodhappen.html">Mrs. MacLeod - 5</a></li>
<li><a href="../mackenziehappen.html">Mrs. MacKenzie - 6</a></li>
<li><a href="../surberhappen.html">Mrs. Surber - Ex. St.</a></li>
          </ul>
        </li>
        <li><a href="../PDFs/gifted.pdf">Gifted & Talented</a></li>
        <li><a href="../libraryhappen.html">Library News</a></li>
        <li><a href="../pto.html">PTO</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">School Information</a>
          <ul>
            <li><a href="../activities.html">Activities</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Class Schedules</a>
              <ul>
                <li><a href="../harwood.html">Mr. Harwood - K</a></li>
                <li><a href="../hasler.html">Ms. Hasler - K</a></li>
                <li><a href="../tedwards.html">Mrs. T. Edwards - 1</a></li>
                <li><a href="../Lewis.html">Mrs. Lewis - 1</a></li>
<li><a href="../whitney.html">Mrs. Whitney - 2</a></li>
<li><a href="../weinheimer.html">Mrs. Weinheimer - 3</a></li>
<li><a href="../cedwards.html">Mrs. C. Edwards - 4</a></li>
<li><a href="../macleod.html">Mrs. MacLeod - 5</a></li>
<li><a href="../mackenzie.html">Mrs. MacKenzie - 6</a></li>
              </ul>
            </li>
<li><a href="../edlinks.html">Educational Links</a></li>
<li><a href="../PDFs/handbook.pdf">Handbook</a></li>
<li><a href="../PDFs/newsletter.pdf">Newsletters</a></li>
<li><a href="../schoolforms.html">School Forms</a></li>
<li><a href="../studyhall.html">Study Hall</a></li>
          </ul>
        </li>
        <li><a href="../staff.html">Staff</a>        </li>
        <li><a href="../index.html" class="MenuBarVertical">Home</a></li>
      </ul>
    </div>
<div id="right">
</div>
    <div id="footer">
      <div align="center"></div>
      <div align="center"></div>
    </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

You are not using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Then, if you have a look near the bottom of SpryMenuBarVertical.css you will see that the white background colour has been specified for IE as in
@media screen, projection
    ul.MenuBarVertical li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background: #FFF;
Change the value to #CCC and it will have fixed that part of the problem.
When you upgrade to the later version of Spry, make sure to keep a copy of the CSS file as a reference to modifying the new CSS file.
Gramps

Having issues linking spry menu bar to my other pages

Hey everyone,
I am brand new to web development. I am currently using the trial of DW and I must say I love it. I am having issues with my spry menu bar though. I will click on a certain box in the menu bar and use the properties page at the bottom and insert a link to another one of my webpages that I have created. However when I test my webpage, it will not be linked to it. Instead it is linked to #, or my index page. Now my domain name is: thecampuscocktail.com. I have created two other pages "feedback.html" and "speedydrinks.html" and even when I enter those manually into my browser (i.e. "thecampuscocktail.com/feedback.html") it gives me a page not found error. So I may be doing something incorrectly with uploading my pages however I have used the "put" option with all of them and I have used the "sync site wide" option. I am also using a template though that shouldn't affect it. Being brand new I know very, very little about coding. But here is the code to my template:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>The Campus Cocktail</title>

<link href="../twoColLiqLtHdr.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


</head>
<body>
<div class="container">
<div class="header">
    <p><a href="../index.html"><img src="../images/newlogo.gif" alt="logo" width="331" height="189" class="logo" /></a></p>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Drinking Games</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Recipes</a>
        <ul>
          <li class="subsubmenu"><a href="#" class="MenuBarItemSubmenu">By Ingredient</a>
            <ul>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">By Type</a>
            <ul>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">By Form</a>
            <ul>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
              <li><a href="#">Untitled Item</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="../Pages/speedydrinks.html">Speedy Drinks</a>      </li>
      <li><a href="#">Drinks by Occasion</a></li>
      <li><a href="../index.html">Local Bars</a></li>
      <li><a href="../Pages/speedydrinks.html">Submit Your Own</a></li>
    </ul>
    <p> </p>
</div>
<div class="sidebar1">
    <ul class="nav">
    </ul>
    <p> Whats New:</p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    
</div>
<div class="content"><span class="drinklabel">Drink Of The Day:</span>
      <p> </p>
      
</div>
<div class="footer">
    <p>                 © 2012 Brandon Hall</p>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
any help will be appreciated! Sorry for the length of this post.

DW_Noobie wrote:
can anyone help
It depends. I can see your two pages as in this link:
<http://www.thecampuscocktail.com/speedydrinks.html>
<http://www.thecampuscocktail.com/feedback.html>
You need to describe what these issues are.

Spry Photo Gallery not visible other than in Safari

Hi,
I created a photo gallery using Spry using the step-by-step instructions found at http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html.
The problem is that my gallery only can be viewed in Safari — Firefox, Netscape and Explorer (on a Mac) shows nothing of the gallery.
Here's the link:http://www.highmarkdesigns.com/Proofing/gsconsultants/website/gallery/gallery.html
I would greatly appreciate it if anyone can tell me why it's not working in the other browsers and how to correct it to work "everywhere."
Thanks!
Hanna

THe IE version on the Mac is not supported by Spry. Its cross browser support includes:
Internet Explorer 6 +
Firefox 1.5 +
Opera 9.6 +
Safari 2.3 +
Chrome
As for the HTML content i saw in your scripts, it was just a basic empty page HTML.
Something like this;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
It didn't say the cause of this issue, just HTML tags. But if its fixed, than I wouldn't worry about it anymore.

BIP Report in Siebel mobile is not working in languages other than English

Hi,
We have upgraded our Siebel from 7.8 to Siebel 8.1 and in that we have moved from Actuate to BIP Reports. We have created a customized report in which we have put in the Filters on '.rtf' file to show a particular set of data. This report is deployed for 3 languages : English (ENU), Portuguese (PTB) and Spanish (ESN).After deploying this report, on Web application, it is working fine for all the languages but we are facing an issue on mobile client, the report is only working fine in ENU but for other languages(PTB & ESN) it is failing (means the filter which we put on '.rtf' is not working on other languages).
Is anybody face this issue and what will be the solution for this?

Hi
I think you need to first translate the smartform into other languages. Before translation, it wont work.
Steps for translation:
1. goto Transaction SE63
2. in R3 Enterprise select form menu
Translation - ABAP Objects - Other long texts
3. select FS - SSF-Smart Form
4. Object Name: choose your smart form
5. select target language
6. press edit
Regards,
Vishwa.

Smartform not working for languages other than EL (english) !

I have a scenario of producing a pdf form(smartform) by clicking on a button in PC-UI portal .
Whenever i tried generating the pdf form (smartform) in any diff. language rather than english by logging in PCUI portal in that language , i found the following:
In the code, generated by the smartform, there is a function call to function ssfcomp_process_document.
It returns sy-subrc 1 and the error is FORMATTING_ERROR. , whenver other 4 languages are used instead of english .
Can anyone help? suggest possible reasons for this ?
Thanks a lot,
Piyush

Hi
I think you need to first translate the smartform into other languages. Before translation, it wont work.
Steps for translation:
1. goto Transaction SE63
2. in R3 Enterprise select form menu
Translation - ABAP Objects - Other long texts
3. select FS - SSF-Smart Form
4. Object Name: choose your smart form
5. select target language
6. press edit
Regards,
Vishwa.

IWeb 08 and browsers other than Safari

My site works fine on Safari but I've had a check on Opera and Mozilla and some things are missing, for example the reflections on the images and the borders round the images? The mind boggles on what will be happening with internet explorer!! Any clues out there?

RaisingCajun wrote:
I am just curious to know what other browsers people recommend using other than Safari. I had been using Firefox but recently started having trouble with it. When I go to certain websites, it would shut down and try to install a Windows Antivirus program.
I see there are a few options other than Firefox and Safari.
iCab
Flock
OmniWeb
etc
I can't, in good conscience, recommend any browser other than Safari. I have tried most of them and found them to be sad, pathetic imitations. I used to keep Firefox around for the occasional web site that wouldn't function properly with Safari but those sites have dwindled to almost nothing in the past year. I speculate that a combination of better, standards compliant coding by developers and the steady improvement of WebKit is the reason.
For whatever reason the majority of complaints about Safari compatibility seem to be coming from european users these days.
I assume you were using Firefox because of problems with Safari. Now you're having trouble with Firefox. That should be a red flag for you. Something is going on your individual system that needs fixing or attention.

Does the I-Phone work in countries other than the US (Roaming) ?

If somebody purchased an I-Phone from the states, will it work in other countries such as Europe or Midle East using SIM Card issued by a Service Provider other than AT&T ?

I don't believe an iPhone purchased here in the US will work with any SIM card other than AT&T.
However, you can roam to countries using your US AT&T SIM card. But I believe you have to activate international roaming with AT&T first. (keep your wallet handy)

Spry menu works fine local and turns the whole web page white when it goes live. Please help.

Thanks in advance to anyone who helps me out with this problem. I have been working on it all day and I took the time to design nice buttons in Photoshop and backgrounds. It works perfect viewing it in my browser locally.
I have ran into a problem. My whole page turns white I can't see anything at all when i upload it live. I use hostgator webhosting business package if this helps.
I have made sure that I uploaded my SpryAssets folder with everything in it to the server. As you can see I changed the links to work with my website.
This is the following code I am editing in my header file live minus some keywords and html tags.
<base href="http://{$host}"></base>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="templates/{$template}/styles.css" type="text/css" />
<script language="javascript" src="libs/prototype/prototype.js"></script>
<script language="javascript" src="js/functions.js"></script>
<script language="javascript" src="js/labels.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
{if $load_js==1}<script language="javascript" src="js/modules/{$module}.js"></script>{/if}
</head>
<body background="templates/{$template}/images/bg.gif" alt="something here">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td align="center" background="templates/{$template}/images/header_bg.gif" alt="something here">
<table width="736" cellpadding="0" cellspacing="0" align="center" height="179"><tr>
      <td background="templates/{$template}/images/header.jpg" alt="something here" width="736" height="179" align="center" valign="bottom" style="padding-bottom:0px;">
</td>
    </tr>
    </table>
    <table cellpadding="0" cellspacing="0" align="center"><tr>
      <td width="2"></td>
<td width="162"><a href="index.html"><img src="templates/{$template}/images/tab_something.png" onmouseover="this.src='templates/{$template}/images/tab_something_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_something.png';" border="0"></a></td>
<td width="14"></td>
<td width="162"><a href="most-popular/"><img src="templates/{$template}/images/tab_popular.png "
onmouseover="this.src='templates/{$template}/images/tab_popular_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_popular.png';" border="0"></a></td>
<td width="13"></td>
<td width="162"><a href="top-rated/"><img src="templates/{$template}/images/tab_rated.png"
onmouseover="this.src='templates/{$template}/images/tab_rated_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_rated.png';" border="0"></a></td>
          <td width="13"></td>
          <td width="162"><a href="cam.html"><img src="templates/{$template}/images/buttonhere.png" onmouseover="this.src='templates/{$template}/images/lbuttonhere_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/buttonhere.png';" border="0"></a></td>
<td width="14"></td>
</tr></table>
    </td></tr>
</table>
</body>
</html>
The code below it is what makes my website go white, you can't even see anything at all. Notice all i took out was buttons and then i added the spry code. The site will still work perfect without the buttons, but as soon as I place the spry code within the page anywhere it goes white and won't work at all.
<base href="http://{$host}"></base>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="templates/{$template}/styles.css" type="text/css" />
<script language="javascript" src="libs/prototype/prototype.js"></script>
<script language="javascript" src="js/functions.js"></script>
<script language="javascript" src="js/labels.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
{if $load_js==1}<script language="javascript" src="js/modules/{$module}.js"></script>{/if}
</head>
<body background="templates/{$template}/images/bg.gif" alt="something here">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td align="center" background="templates/{$template}/images/header_bg.gif" alt="something here">
<table width="736" cellpadding="0" cellspacing="0" align="center" height="179"><tr>
      <td background="templates/{$template}/images/header.jpg" alt="something here" width="736" height="179" align="center" valign="bottom" style="padding-bottom:0px;">
</td>
    </tr>
    </table>
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="/index.html">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/categories">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/most-popular">something here</a> </div>
</li>
<li>
<div align="center"><a href="/top-rated">Top Rated</a>
</div>
</li>
<li>
<div align="center"><a href="/name.html">Name</a> </div>
</li>
<li id="list1">
<form name="search_form" id="search_form" action="index.php" method="get"    padding-left:0px;">
<input type="text" class="input-text" name="tag" id="tag" value="" style="width: 100px; background-position: -14px 0px; height:35px; padding-left:0px;">
<input type="submit" class="input-button" value="Search" style=" align: left; width: 60px; height:35px;">
</form> </li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/SpryAssets/SpryMenuBarRightHover.gif"});
</script>
    </td></tr>
</table>
</body>
</html>

I'll try to be nice, but if it doesn't come over that way, please forgive this grumpy old man.
When I look at your markup as follows
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="/index.html">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/categories">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/most-popular">something here</a> </div>
</li>
<li>
<div align="center"><a href="/top-rated">Top Rated</a>
</div>
</li>
<li>
<div align="center"><a href="/name.html">Name</a> </div>
</li>
<li id="list1">
<form name="search_form" id="search_form" action="index.php" method="get"    padding-left:0px;">
<input
type="text" class="input-text" name="tag" id="tag" value=""
style="width: 100px; background-position: -14px 0px; height:35px;
padding-left:0px;">
<input type="submit" class="input-button" value="Search" style=" align: left; width: 60px; height:35px;">
</form> </li>
</ul>
I wonder
what a link to a style sheet is doing in the middle of your document. The placement of a link to CSS should only be within the head-section of your document
why a div has been placed right in the middle of a list. If you want to place the menu item in the middle, then do so using CSS on the a element.
why a form has been placed within the menu bar. Everything within the ul element will be considered part of the menu bar.
Clean up your code and all should be well.
Gramps

How do I use my index spry menu bar on my other pages?

I'm trying to use the same bar for all of my pages as on the index page, but not all of the information transfers, just some of it. The font and placement, for instance, are different when I try to copy and paste all of the code. However, if I try to start fresh with a new menu bar, it assumes the coloring, and some of the sizing, of my index page bar.
Hopefully the attached files will be enough. My website (obviously a work in progress) is www.uniquehomedesigns.net.
Thanks!

Take this
<div id="banner">
    <ul id="UHD_menu" class="MenuBarHorizontal">
      <li><a href="specialty_painting.html">Specialty Painting</a>      </li>
      <li><a href="repairs&maintenance.html">Repairs & Maintenance</a></li>
      <li><a href="underconstruction.html">Home Makeovers</a></li>
      <li><a href="home_staging.html">Home Staging</a></li>
      <li><a href="underconstruction.html">Contact Information</a></li>
    </ul>
</div>
And cut it from your code. Then open a new document, delete ALL code from it, pastee the above into this new fileand call it menu.inc.php.
Then
In place of where you removed the code, put this
<?php include('menu.inc.php');?>
And you now have an include file that can be put into any new page. If you change this file, it will be changed on all pages that have it.
DO NOT put the js or the css in the new file, leave it where it is. You will have to include these files in any new pages, but you should look into using a template for that.
Gary

Spry menu works in Firefox and Safari, but not Internet Explorer 6, 7, or 8

Our school website is doing a re design and in the adobebrowser test lab it looks great in all browsers except for IE 6, 7, & 8. Some of our faculty and staff are still running 7 or 8, so that's why I need to find a fix. For some reason it puts my last menu item underneath the first one which throws the whole thing off, but it's the exact way I want it on all other browsers. Using Dreamweaver CS5.
Here is the link
I would appreciate any help! Thanks

Something has gone awry here but afer that, I'm not sure what to advise:
</div>
            </li>
              <div class="latestnews"></div>
            </li>
          </ul>
          <p class="readmore"><a href="calendar.html">Click here to view all of the latest events »</a></p>
        </div>
First off, you aren't supposed to have a <div> nested in an <li>.
I also think that the whole unordered list there might be poorly formed.
Martin

Update Panel is not working browsers other than IE

In SharePoint 2013, Update Panel is not working for firefox, chrome etc.

Hi,
From your description, my understanding is that you use
<asp:UpdatePanel>tag in your code, but it does not work well in browsers except
IE.
I have test
<asp:UpdatePanel>tag with code below, and it works well in IE, chrome, Firefox
as the screenshot.
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
<ContentTemplate>
<asp:Label ID="lbl" runat="server" Text="Loaded" Visible="true"></asp:Label>
<asp:Button ID="btn" runat="server" OnClick="btn_Click"/>
</ContentTemplate>
</asp:UpdatePanel>
protected void btn_Click(object sender, EventArgs e)
lbl.Text = "BUTTON CLICKED !";
lbl.Visible = true;
The screenshot below is my result(the first is result in Chrome, second is in Firefox and last is in IE):
And you also could refer to this article:
http://sharepoint.stackexchange.com/questions/72928/update-panel-not-working-in-firefox-2013
Best Regards,
Vincent Han
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Making a spry menu work in browsers other than IE

Similar Messages

Maybe you are looking for