+1-888-365-2779
Try Now
More in this section

Forums / Deployment / Unwanted Passing in SF2.5 for IE

Unwanted Passing in SF2.5 for IE

3 posts, 0 answered
  1. Kevin Crampton
    Kevin Crampton avatar
    2 posts
    Registered:
    12 Nov 2004
    29 Apr 2008
    Link to this post
    Has anyone come across the following issue... when viewing my SiteFinity 2,5 site using IE 7.0 I am getting some unwanted whitespace padding around one of the cells in my layout.  This does not appear when viewing the same page with Mozilla.

    You can see the page here: -

    http://designwales.hostinguk.com/Version2/Default.aspx

    The white space is causing a design element on the page (a vertical grey bar) to be broken apart.

    Does Telerik have any best practice suggestions on how to set appearance properties to work with IE?

    With thanks,

    Kevin
  2. Vlad
    Vlad avatar
    498 posts
    Registered:
    15 Jul 2016
    07 May 2008
    Link to this post
    Hi Kevin,

    After investigating the rendered  HTML of http://designwales.hostinguk.com/Version2/Default.aspx, we found out that the gaps are related to the following HTML snippet:

    <td valign="top" align="left">
                                             
        <img alt="Design Wales News" src="/Version2/Img/news.gif">
    </td>

    which should be:

    <td valign="top" originalAttribute="src" originalPath="/Version2/Img/news.gif">
    </td>

    which should be:

    <td valign="top" align="left">
        <img alt="Design Wales News" src="/Version2/Img/news.gif"><br><img alt="Design Wales News" originalAttribute="src" originalPath="/Version2/Img/news.gif"><br><img alt="Design Wales News" originalAttribute="src" originalPath="/Version2/Img/news.gif"><br><img alt="Design Wales News" originalAttribute="src" originalPath="/Version2/Img/news.gif"><br><img alt="Design Wales News" src="/Version2/Img/line_resources.gif"></td>

    To render without gaps in IE, the closing </td> should be on the same line as <img>.

    You have added the images with r.a.d.
    To render without gaps in IE, the closing </td> should be on the same line as <img>.

    You have added the images with r.a.d.editor, right?

    The problem is related to the transforming HTML layout to  XHTML on publish, the XHTML for published site is stored in the _RadDesignerLayouts table in the LayoutXhtml column. In this column the above snippet of html looks like this (for example):

    <td valign="top" align="left">
     <control name="TopCell" src="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" />
    </td>



    Workaround (choose one of the following):

    1. When adding an image as a cell content in the RadEditor control, add a <div> tag around it, i.e:
     <div><img alt="" src="Img/Template/default_01.gif"></div>
    2. Like 1, but is applied to all content on the site. Add a div tag around the placeholder at the bottom of the ~/Control/RadControls/RadEditorControl.aspx file:
    <div><asp:PlaceHolder ID="defaultHolder" originalAttribute="src" originalPath="Img/Template/default_01.gif"></div>
    2. Like 1, but is applied to all content on the site. Add a div tag around the placeholder at the bottom of the ~/Control/RadControls/RadEditorControl.aspx file:
    <div><asp:PlaceHolder ID="defaultHolder" Runat="server" /></div>
    3. Create an SQL script for replacing all new lines after editor controls in the LayoutXhtml column in the RadDesignerLayouts table in the database. The script should be run after publishing the site.

    We recommend the first approach.

    All the best,

    Vlad
    the Telerik team


    Instantly find answers to your questions at the new Telerik Support Center
  3. Kevin Crampton
    Kevin Crampton avatar
    2 posts
    Registered:
    12 Nov 2004
    08 May 2008
    Link to this post
    Vlad

    Thank you for your quick and accurate reply, your simpest suggestion was adopted and resolved the issue.

    The image was actually wrapped up in a user control rather than being added by the RAD:Editor to that cell of SiteFinity as I was getting so desperate to find a way to more closely control the rendered HTML.  Your solution worked great.

    With thanks,

    Kevin Crampton
3 posts, 0 answered