Clever Geek Handbook

AJAX calendar extender display issue in Safari

Ok, this is not a CSS issue, I removed all styles from the page. It is a calendar extender that has a target textbox id and popupbutton has the same textbox.

The month name is displayed lower than the days, so it is not applicable.

it's good in IE.

I am using Safari on Windows Vista.

Does anyone know what is causing this?

Thank.

I don't know why this was rejected, is there any information I am missing? This is not a duplicate question.

UPDATE:

here is c0dez:

 <label>date</label>
                    <asp:TextBox ID="txtDate" CssClass="field" runat="server" />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtDate" Text="*" />
                <ajaxtoolkit:CalendarExtender ID="CalendarExtender1" runat="server"
                    TargetControlID="txtDate"
                    Format="MMMM d, yyyy"
                    PopupButtonID="txtDate" PopupPosition="BottomLeft" />
+1


source to share


3 answers


I think this was rejected because you did not enter any code in your question, so it looks like you are asking for support from your Safari browser instead of asking for help regarding how Safari treats AJAX. In other words, you need to be more specific and clear.



+2


source


I had a similar problem with the menu control and Safari. I had to create a safari.browser file in the App_Browser folder. This folder contains browser definition files that ASP.NET uses to identify individual browsers and determine their capabilities. This is what I had to insert into the safari.browser file.

<browsers>
    <browser refID="safari1plus">
        <controlAdapters>
            <adapter controlType="System.Web.UI.WebControls.Menu" adapterType="" />
        </controlAdapters>
    </browser>
</browsers>

Another thing you could try is to change the basic css siling for Calendar. The Ajax Calendar Extender has a predefined set of CSS classes that you can override.



If you go to http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Calendar/Calendar.aspx and at the bottom of the page you will see a topic under "Calendar Job" listing all the frames of the Css Classes.

Hope it helps.

+1


source


I faced the same problem today.

The solution, while somewhat tricky to find online, is pretty trivial

Create a new Div whose position is set to relative (style = "position: relative;")

and put your textbox and calendarExtender inside Div.

This fixed the problem I was facing, I hope this is a trick for you too.

Similar issue: CalendarExtender positioning issue

0


source






More articles:


All Articles