Toolbar buttons display wrong in FormTemplate

[Randall]

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

[Randall]

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

[Rumen]

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.