This is a migrated thread and some comments may be shown as answers.

Toolbar buttons display wrong in FormTemplate

2 Answers 80 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Randall
Top achievements
Rank 2
Randall asked on 28 Jul 2008, 06:46 PM
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 Answers, 1 is accepted

Sort by
0
Randall
Top achievements
Rank 2
answered on 30 Jul 2008, 01:22 PM
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
0
Rumen
Telerik team
answered on 31 Jul 2008, 08:04 AM
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.
Tags
Grid
Asked by
Randall
Top achievements
Rank 2
Answers by
Randall
Top achievements
Rank 2
Rumen
Telerik team
Share this question
or