Fixed Editor dialog (TinyMce Popup) - display bug on IE

[cclaerhout]

Bug description: the cancel button is inside a div block with a float right property. On some IE, it will display the cancel button on a new line.

Solution:
Search in all dialog popup templates:

    <div class="sectionFooter">
        <input type="submit" id="insert" name="insert" value="{xen:phrase insert}" class="button primary" />
        <div style="float: right">
            <input type="button" id="cancel" name="cancel" value="{xen:phrase cancel}" class="button" onclick="tinyMCEPopup.close();" />
        </div>
    </div>

Replace with:

    <div class="sectionFooter">
        <div style="float: right">
            <input type="button" id="cancel" name="cancel" value="{xen:phrase cancel}" class="button" onclick="tinyMCEPopup.close();" />
        </div>
        <input type="submit" id="insert" name="insert" value="{xen:phrase insert}" class="button primary" />
    </div>

Huge change ^^ The floated element needs to be before the fixed element.

Thanks IE !

 

[Mike]

Sorted, though taken a little further to handle RTL better.