Search results matching tag 'firefox'

WebPartZone styles: rendered inline or rendered in the header - how do I choose?

bepnewt — Wed, 02 Dec 2009 05:00:00 GMT

Background:

I'm working on a site that has 1 page in it with a user control that contains a WebPartManager and 2 WebPartZones. The WebPartZones have a lot of style information defined such as MenuLableHoverStyle, MenuVeryHoverStyle, TitlebarVerbStyle, etc.

The way it is now, when the HTML is rendered, the styles are inline in each of the HTML elements that are created for the WebParts. Everything works fine.

I'm converting the site to use a MasterPage. When I put the page into a MasterPage, the styles are now rendered at the top of the page inside STYLE tags and each of the elements is given a classname that matches up with style definitions in the STYLE tags. This shouldn't be a problem, and it looks fine in Firefox and Chrome, but not in IE(8). IE8 is ignoring the style definitions that are now in CSS at the top of the page.

I'm not asserting that the MasterPage is what is causing this. That just happened to be what I was doing when the rendering change happened. I also fixed some bad HTML at the same time involving mismatched tags, etc.

From my research, this is what I've decided is the issue:

The classnames that are created for the styles all start with "_" ( underscore character ). Based on multiple things I read, this is not a legal character to start a class or ID name with and IE is respecting this "rule" by not applying the styles defined in the STYLE tags to the elements.

I use the Developer Tools built into IE8 and remove the "_" from one of the class names and from the style definition and *poof*, it renders with the correct style. I can also get it to use the styles if I change the Browser Mode to IE7 and change the Document Mode to Internet Explorer 7 Standards.

What I would like to do:

I would like to either:

Force the styles to render inline like they used to before the change to a MasterPage
Force the classnames NOT to start with an "_" character

Is there any way to do this? Or, if my research is flawed, do you have any insight on how to get IE8 to render the defined styles in the WebPartZone?

More information about the site:

This is just random information that may or may not help.

The site is being developed in VS 2008.
The solution has been upgraded from a VS 2005 site at some point.
The web site IS as "Web Site" not a "Web Application".
The WebPartManager and WebPartZone controls are from the System.Web (2.0.0.0) assembly which is in the GAC.
The WebPartManager is ALWAYS in WebpartManager.BrowseDisplayMode.
Personalization is NOT enabled on the WebPartManager.
I tried using the CSSClass property of the various WebPartZone properties. I created my own classes and put them in a Style Sheet, but that didn't work.

Any help is appreciated. I had to revert this page back to not use our MasterPage for now, but would really prefer it to be converted.

Thanks,

-BEP

AutoCompleteExtender and Firefox

mr_squall — Thu, 12 Nov 2009 05:00:00 GMT

Hello! I have one trouble with AutoCompleteExtender, Firefox and RequiredFieldValidator. In IE everything ok, but in Firefox other behavior. So, i have several separate update panels with updatemode="conditional" with one textbox by panel. Each textbox have RequiredFieldValidator and one textbox have AutoCompleteExtender from Ajaxcontroltoolkit. So, when i'm type in this textbox some text, then press arrow down to select item in AutoCompleteExtender list and press Enter to select item, validation for other textboxes fires and show validation errors (so, submit occurs). In IE no submit occurs when i'm press enter in autocomplete list. How to create same behavior in Firefox?

<asp:UpdatePanel ID="UpdatePanelOpContent" UpdateMode="Conditional" runat="server">
                                    <ContentTemplate>
                                        <asp:TextBox ID="TextBoxWasteName" runat="server" Width="230px" TabIndex="2"
                                            AutoCompleteType="None"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidatorOpContent" runat="server"
                                            ControlToValidate="TextBoxWasteName" ErrorMessage="*" ValidationGroup="passiveOk"></asp:RequiredFieldValidator>
                                            
                                        <cc1:TextBoxWatermarkExtender ID="TextBoxWasteName_TextBoxWatermarkExtender" 
                                            runat="server" Enabled="True" TargetControlID="TextBoxWasteName"
                                            WatermarkCssClass="watermarkClass"
                                            WatermarkText="Например, 3 бутылки колы" >
                                        </cc1:TextBoxWatermarkExtender>                                                                                        
                                        <cc1:AutoCompleteExtender ID="TextBoxWasteName_AutoCompleteExtender" runat="server"
                                            DelimiterCharacters="" Enabled="True" ServicePath="~/Services/AutoComplete.svc"
                                            ServiceMethod="GetPassiveItems" TargetControlID="TextBoxWasteName" MinimumPrefixLength="2"
                                            CompletionInterval="200" CompletionSetCount="10"
                                            OnClientItemSelected="GetGroup"
                                            CompletionListCssClass="autocomplete_completionListElement" 
                                            CompletionListItemCssClass="autocomplete_listItem" 
                                            CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem">                                            
                                        </cc1:AutoCompleteExtender>
                                    </ContentTemplate>
                                    <Triggers>
                                        <asp:AsyncPostBackTrigger ControlID="ButtonOk" EventName="Click" />
                                    </Triggers>
                                </asp:UpdatePanel>


 <asp:UpdatePanel ID="UpdatePanelPrice" UpdateMode="Conditional" runat="server">
                                    <ContentTemplate>
                                        <asp:Panel ID="PanelPassiveSum" runat="server" DefaultButton="ButtonPassive">
                                            <asp:Label ID="LabelInfo" runat="server" Text="Пример: 255+60*3" Font-Size="Smaller" ForeColor="Gray"></asp:Label><br />
                                            <asp:TextBox ID="TextBoxSumPassive" runat="server" Width="190px" TabIndex="1"></asp:TextBox>
                                             <asp:Button ID="ButtonPassive" runat="server" Text="=" Width="31px" OnClick="ButtonPassive_Click" />
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidatorTextBoxSumPassive" runat="server"
                                                ControlToValidate="TextBoxSumPassive" ErrorMessage="*" ValidationGroup="passiveOk"></asp:RequiredFieldValidator>
                                            <cc1:FilteredTextBoxExtender ID="TextBoxSumPassive_FilteredTextBoxExtender" runat="server"
                                                Enabled="True" TargetControlID="TextBoxSumPassive" ValidChars="0123456789,.+-/*">
                                            </cc1:FilteredTextBoxExtender>
                                        </asp:Panel>
                                    </ContentTemplate>
                                    <Triggers>
                                        <asp:AsyncPostBackTrigger ControlID="ButtonOk" EventName="Click" />
                                    </Triggers>
                                </asp:UpdatePanel>


<asp:Button ID="ButtonOk" runat="server" OnClick="ButtonOk_Click" Text="Ok" ValidationGroup="passiveOk"
                                    Width="409px" TabIndex="4"/>

Re: Different Behavior Between IE, FireFox, and Safari with a PageMethod

balmeter — Tue, 03 Nov 2009 05:00:00 GMT

Did you come up with a solution for this is Firefox? I am banging my head over it.

My PageMethod works in IE but not in Firefox

EW ASP.NET problems loading flash file on FireFox

PeggySt — Mon, 12 Oct 2009 04:00:00 GMT

I am developing a site using master pages and asp.net. I have two pages on my site that have flash objects embedded in them.

I have a subdir for each flash object. /flash1 and /flash2

In the root directory I have the aspx pages which embed the .swfs.

default.aspx contains the code:

<object id="flash1" type="application/x-shockwave-flash" width="200">
<param name="movie" value="/flash1/athletes.swf?xml_path=/flash1/slides.xml" />
<embed src="/flash1/athletes.swf?xml_path=/flash1/slides.xml" quality="High" width="180" height="410" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>

contact.aspx contains the code:
<object id="flash2" type="application/x-shockwave-flash">
<param name="movie" value="/flash2/album3.swf?xml_path=/flash2/slides.xml" />
<embed src="/flash2/album3.swf?xml_path=/flash2/slides.xml" width="480" height="400" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>

The movies work fine on IE and Safari but do not work on Firefox.  Other flash files load fine in FF - even on other sites that I have done. 

I've surfed the web for a similar issue and cannot seem to figure this out.  Anyone?

UpdatePanel refresh not happening in firefox!

bmoyno — Fri, 09 Oct 2009 04:00:00 GMT

Hi there,

My scenario is as follows ... in a master page I have a 'prtDropDown' user control, which is just a DropDownList. When the DropDownList post back after a new item in the list is selected, the two update panels, 'UpdateHeader' and 'UpdateDropdownControls' refresh, images and content should change at this point.

This works perfectly in IE7, but will not work in Firefox 3.0.14 or 3.5.3!

Any ideas?

- In both IE and Firefox, when stepping through the code, everything looks the same, except at the front end where the two update panels do not refresh in firefox.

MasterPage.Master markup

<head>
   <script type="text/javascript" language="javascript">
       function pageLoad() {
           var prm = Sys.WebForms.PageRequestManager.getInstance();
           prm.add_endRequest(EndRequest);
       }

       function abortAsyncPostback()
       {
           var prm = Sys.WebForms.PageRequestManager.getInstance();

           if (prm.get_isInAsyncPostBack())
           {
               obj.abortPostBack();
           }
       }

       function EndRequest(sender, args) {
           $get('UpdateProgress').style.display = 'none';
       }
   </script>
</head>
<body>
   <form>
      <asp:ScriptManager ID="ScriptManager1" runat="server" EnableHistory="true" OnNavigate="ScriptManager1_Navigate"
                   EnableScriptGlobalization="true" AsyncPostBackTimeout="120" />

       <asp:UpdatePanel ID="UpdateHeader" runat="server" UpdateMode="Conditional" RenderMode="Inline">
           <ContentTemplate>
               <uc1:header ID="header" runat="server" EnableViewState="false" />
           </ContentTemplate>
           <Triggers>
               <asp:AsyncPostBackTrigger ControlID="prtDropDown" />
           </Triggers>
       </asp:UpdatePanel>

       <div>
           <div id="page-region">
               <uc3:titleBar ID="prtDropDown" runat="server" EnableViewState="false" meta:resourceKey="prtDropDown" />

               <asp:UpdatePanel ID="UpdateDropdownControls" runat="server" RenderMode="Inline" UpdateMode="Conditional">
                   <ContentTemplate>
                       <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

                       </asp:ContentPlaceHolder>
                   </ContentTemplate>
                   <Triggers>
                       <asp:AsyncPostBackTrigger ControlID="prtDropDown" />
                   </Triggers>
               </asp:UpdatePanel>
           </div>
       </div>
   </form>
</body>

reportviewer scrambles reports in Firefox

yoswel — Thu, 01 Oct 2009 04:00:00 GMT

Hi All

I have reports in an ASp.net application for which I am using Microsoft ReportViewer to render. The reports render well in IE 7.0 but are scrambled in Mozilla FireFox 3.0. Any idea why?

Please help ASAP.

Thanks.

Re: Master Content Page content is not centered.

designersid — Mon, 28 Sep 2009 04:00:00 GMT

Hi ptown,

Now there may be a few problems why this could be happening:

Your browser may be firefox which due to which the property "text-align:center" is buggy!
You may have overlooked something in your CSS due to which this is happening

Things you could check with:

Assign the div containing the ContentPlaceHolder, "margin: 0 auto;" for center align and assign it a particular width
Clear all your cache and re run the pages

Add your CSS code please, so that it can be easier to solve your problem!

Setting default button inside GridView with FireFox

unhistoric — Tue, 15 Sep 2009 04:00:00 GMT

I have been able to set the default button successfully inside a GridView edit template with IE.

Unfortunately, it does NOT work with FireFox:

 Protected Sub gvwTempUpdate_RowCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles gvwTempUpdate.RowDataBound

        If e.Row.RowType = DataControlRowType.DataRow Then
            Dim localMultiView As MultiView = CType(e.Row.FindControl("MultiViewNumber"), MultiView)
            Dim LocalLbnUpdate As LinkButton = CType(e.Row.FindControl("LinkButton3"), LinkButton)
            Dim localTxtNumber As TextBox = CType(e.Row.FindControl("txtEnterNumber"), TextBox)

                    If Not localMultiView Is Nothing Then
                       
                        localTxtEnterNumber.Attributes.Add("onkeydown", "if ((event.which && event.which == 13) || (event.keyCode && event.keyCode == 13)) {document.getElementById('" + LocalLbnUpdate.ClientID + "').click();return false;} else return true;")

                    End If

            End If

    End Sub

I have read somewhere that target and browser detection could be of use. Unfortunately, I haven't found exactly what I am looking for.

Note: Panels and Form will not work. I am using masterpages and panel conflicts with with the MultiView control.

How can this javascript be converted to work with FireFox?

Thanks for your time,

Sincerely,

Unhistoric

Menu items drop behind javascript slideshow in FireFox

bdog17 — Mon, 24 Aug 2009 04:00:00 GMT

I have a javascript slide show on my home page and when you view it from FireFox the menu items dropdown behind it. The menu is on the masterpage and here is the code. I messed with the z-index but nothing worked

<asp:Menu ID="Menu1" runat="server" DisappearAfter="1" Font-Bold="False" Font-Names="Arial Narrow" DynamicMenuStyle-CssClass="DynamicMenuZIndex" Font-Size="10pt" ForeColor="White" Height="17px" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False" StaticSubMenuIndent="" Style="left: 271px; top: 114px; text-align: center; z-index: 5000" Width="712px" BackColor="White">

Here is the javascript code in the <head> of the masterpage

fadeimages[0] = ["images/bannerBWI.jpg", "bwindex.aspx", ""]

fadeimages[1] = ["images/bannerMKT.jpg", "news_events.aspx", ""]

fadeimages[2] = ["images/bannerMERCH.jpg", "merchandiser.aspx", ""]

fadeimages[3] = ["images/bannerBWC.jpg", "bwconnect.aspx", ""]

var fadebgcolor = "white"
////NO need to edit beyond here/////////////
var fadearray = new Array() //array to cache fadeshow instances
var fadeclear = new Array() //array to cache corresponding clearinterval pointers
var dom = (document.getElementById) //modern dom browsers var iebrowser = document.allfunction fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder) {this.pausecheck = pausethis.mouseovercheck = 0this.delay = delaythis.degree = 10 //initial opacity degree (10%)

this.curimageindex = 0this.nextimageindex = 1this
this.slideshowid = fadearray.length - 1this.canvasbase = "canvas" + this.slideshowidthis.curcanvas = this.canvasbase + "_0" if (typeof displayorder != "undefined")function() { return 0.5 - Math.random(); }) //thanks to Mike (aka Mwinter) :)
this.theimages = theimagesthis.imageborder = parseInt(borderwidth)this.postimages = new Array() //preload images

}

for (p = 0; p < theimages.length; p++) {this.postimages[p] = new Image()this.postimages[p].src = theimages[p][0]var fadewidth = fadewidth + this.imageborder * 2var fadeheight = fadeheight + this.imageborder * 2if (iebrowser && dom || dom) //if IE5+ or modern browsers (ie: Firefox)

document.write(

'<div id="master' + this.slideshowid + '" style="position:relative;width:' + fadewidth + 'px;height:' + fadeheight + 'px;overflow:hidden;"><div id="' + this.canvasbase + '_0" style="position:absolute;width:' + fadewidth + 'px;height:' + fadeheight + 'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:' + fadebgcolor + '"></div><div id="' + this.canvasbase + '_1" style="position:absolute;width:' + fadewidth + 'px;height:' + fadeheight + 'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:' + fadebgcolor + '"></div></div>')else

document.write(

'<div><img name="defaultslide' + this.slideshowid + '" src="' + this.postimages[0].src + '"></div>')if (iebrowser && dom || dom) //if IE5+ or modern browsers such as Firefox

setInterval(

}

this.startit()else {this.curimageindex++"fadearray[" + this.slideshowid + "].rotateimage()", this.delay)

Here is the div on the homepage with the slideshow

//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)

new

fadeshow(fadeimages, 670, 260, 0, 3000, 1)

</script >

</div>

Catching 404 Errors From Old ASP Site

popmatic — Thu, 20 Aug 2009 04:00:00 GMT

Hey all,

So, I have a site that I've rebuilt in ASP.NET 2.0, which used to be just plain ol' Vanilla ASP. Everything is up and working, hooray!

However, the owner of the site is worried about broken links coming from other sites, so I created a custom 404 page and mapped pages with the .asp extention to use the .NET driver (C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_isapi.dll) driver so it will hit my web.config file, which is set to show custom errors :

and I test and SUCCESS! 404's now hit 404.aspx, which has some logic behind it that checks where the link was trying to go, and throws up an appropriate message. More hooray!

However, when I go to show this to the client, I had problems...because I broke the cardinal rule...I didn't test in all browsers.

The problem is that this works great in Firefox and Safari. However, if I try and bring it up in IE I get the usual old "Internet Explorer cannot display the webpage" message. (Which is, of course, what the client had on his machine...grrr)

Anyone know how to fix this? Is there anything I can do to get my custom 404's to pull up in IE?