Toolbar buttons display wrong in FormTemplate

3 posts, 0 answers
  1. Randall
    Randall avatar
    54 posts
    Member since:
    Jun 2008

    Posted 28 Jul 2008 Link to this post

    I have RadControls for ASP.NET AJAX (version 2008.1 619).
     
    I am using a RadGrid with a FormTemplate (EditFormType="Template") for editing .  I am using RadEditor () to edit text a field called Comments inside the <FormTemplate> section along with my other HTML.  When I click on the Edit button in the RadGrid for a row to edit, the Toolbar buttons on the RadEditor are displayed wrong.  They have a lot of extra space around the buttons and graphics used to display the Toolbar.  If I refresh the page (i.e., Control/R, Control/F5, or right-click and Refresh) the Toolbar buttons display correctly.

    If I programmatically display the RadGrid with a row in Edit mode (i.e., using RadGrid1.EditIndexes.Add(0); RadGrid1.Rebind(); in PreRender()) then the Toolbar displays correctly when the page first loads.  If I click Cancel to close the FormTemplate and then click the Edit button to re-open it, the Toolbars display wrong again.  A page refresh fixes the display.

    I suspected maybe a CSS problem so I removed my StyleSheet links and the problem still occurs.

    Any ideas what may be causing this problem?

    Thanks,

    Randall Price
  2. Randall
    Randall avatar
    54 posts
    Member since:
    Jun 2008

    Posted 30 Jul 2008 Link to this post

    FYI -- I seem to have figured out the problem with the Toolbar buttons not displaying properly on the initial load.  The page containing the RadEditor is actually a Content Page with an associated Master Page.  The Master Page contains a link to a CSS StyleSheet that has global definitions for <UL>, <LI>, and other tags.  Once I removed this link to the CSS StyleSheet, the Toolbar buttons display properly on the initial load.

    I don't have control over the definition of the StyleSheet in the Master Page so I was wondering if there is a way to have the RadEditor use it's own StyleSheet and to ignore any StyleSheet definitions that may already exist.

    Anyone have any idea how to do this?

    Thanks,

    Randall Price
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 31 Jul 2008 Link to this post

    Hi Randall,

    Please, review the following forum thread on the subject, which provides detailed information on how the toolbar appearance of RadEditor works and how to fix the problem: Problem global styling ul li on same page as editor.

    Kind regards,
    Rumen
    the Telerik team

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