This is a migrated thread and some comments may be shown as answers.

[Solved] Close-Button location wrong in IE8

3 Answers 99 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
JP
Top achievements
Rank 1
JP asked on 05 Sep 2011, 09:33 AM
 Hello,

I just tested my AdvancedInsertForm in IE8 and noticed that the close-button is not where it should be. I attached an image where you can see it in IE8.
IE9, Chrome and Firefox display the close button correctly.

I set the classes of the advaned insert as described in various demos. Thats the generated ouput from Chrome (IE looks the same):
<div class="rsAdvFormWrap" style="display: block; ">
  <div class="rsAdvancedEdit rsAdvancedModal" style="position: fixed; display: block; z-index: 2501; width: 1000px; top: 202.5px; left: 237px; ">
    <div class="rsModalBgTopLeft"></div>
    <div class="rsModalBgTopRight"></div>
    <div class="rsModalBgBottomLeft"></div>
    <div class="rsModalBgBottomRight"></div>
    <div class="rsAdvTitle">
      <h1 class="rsAdvInnerTitle">Neue Serienbuchung anlegen</h1>
      <a id="RadScheduler_Form_AdvancedEditCloseButton" title="Schließen" class="rsAdvEditClose" href="javascript:__doPostBack('RadScheduler$Form$AdvancedEditCloseButton','')"></a>
    </div>
    <div class="rsAdvContentWrapper" style="padding:15px;">
      <div class="rsAdvOptionsScroll" style="max-height: 550px; ">

Thanks for your help!

3 Answers, 1 is accepted

Sort by
0
Ivana
Telerik team
answered on 05 Sep 2011, 03:33 PM
Hello Jan,

I am afraid I did not manage to reproduce the scenario from your example. 

I copied the HTML code you sent in the <AdvancedEditTemplate> tag of the Scheduler and everything seems to work fine. The close button on the right top side of the AdvancedForm is placed as it should be.

Attached is a .jpg image of the result I got.

Best wishes,
Ivana
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

0
JP
Top achievements
Rank 1
answered on 07 Sep 2011, 09:06 AM
Hi,

thanks for your reply. I think I found the cause why it was not displayed correctly. I had no doctype set.
I'm now using
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Is that the correct doctype for using with the RadScheduler?
0
Accepted
Ivana
Telerik team
answered on 08 Sep 2011, 04:46 PM
Hi Jan,

This is the structure of the aspx page we age using:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Example.aspx.cs" Inherits="Example" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
</head>
<body>
   <form id="form1" runat="server">
    </form>
</body>
</html>

And yes,  you are using  absolutely the same doctype on you page.

Greetings,
Ivana
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Tags
Scheduler
Asked by
JP
Top achievements
Rank 1
Answers by
Ivana
Telerik team
JP
Top achievements
Rank 1
Share this question
or