Grey box appearing above RADEditor (and white space beneath)

4 posts, 0 answers
  1. Joe
    Joe avatar
    16 posts
    Member since:
    Nov 2008

    Posted 09 Sep 2010 Link to this post

    Hello,

    I recently created a page layout that includes use of the RADEditor for a page content section.
    The page layout is quite complex and includes a table section which has an image in the top left corner, a title in the top right and text beneath the title, along the right side of the image and, if the text goes on lower than the base of the image, underneath the image and title columns. (see image)

    The code I have to do this is as follows:

    <table>        
           <div style='float:left'><PublishingWebControls:RichImageField FieldName="CFGImage1" runat="server"></PublishingWebControls:RichImageField></div>
           <div class="custom-page-title"><SharePointWebControls:TextField FieldName="Title" runat="server"></SharePointWebControls:TextField></div>
           <div><PublishingWebControls:RichHtmlField id="PageContent1" FieldName="CFGPageContent1" runat="server"/></div>
    </table>


    This works fine although when I edit the page I get a big grey box above the Telerik editor and also a large white space below the Telerik Editor (there is other content on the page too)

    Does any one know why the grey box and white space are appearing?

    Thanks,
    Joe
  2. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 10 Sep 2010 Link to this post

    Hi Joe,

    The following layout is not XHTML compliant:
    <table>
        <div style="float: left;">...</div>
        <div class="custom-page-title">...</div>
        <div>...</div>
    </table>

    I suggest you modify your layout so it is XHTML compliant.

    Sincerely yours,
    Stanimir
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  3. Joe
    Joe avatar
    16 posts
    Member since:
    Nov 2008

    Posted 10 Sep 2010 Link to this post

    Hi Stanimir,

    Thanks for the pointer - is there something in my code that can be easily changed to make it xhtml compliant?

    Joe
  4. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 13 Sep 2010 Link to this post

    Hi Joe,

    You can try adding single TR and TD elements in the table.
    <table>
     <tr>
      <td><div style="float: left;">...</div>
        <div class="custom-page-title">...</div>
        <div>...
      </div></td>
     </tr>
    </table>

    You can also try the ASP.NET AJAX version of RadEditor for MOSS. The latest one is 5.8.1. You can download fully functional trial version of the control form the Trials section in your account. You can find the upgrade instructions in the following online help article: Upgrade Instructions from version 4.x to version 5.x

    Sincerely yours,
    Stanimir
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top