Close-Button location wrong in IE8

4 posts, 1 answers
  1. JP
    JP avatar
    122 posts
    Member since:
    Aug 2011

    Posted 05 Sep 2011 Link to this post

     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!
  2. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 05 Sep 2011 Link to this post

    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 >>

  3. JP
    JP avatar
    122 posts
    Member since:
    Aug 2011

    Posted 07 Sep 2011 Link to this post

    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?
  4. Answer
    Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 08 Sep 2011 Link to this post

    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 >>

Back to Top