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

How to set Editor's tool width in IE 8

7 Answers 66 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Sohail
Top achievements
Rank 1
Sohail asked on 28 May 2010, 06:35 AM
Hi All,

We are using the telerik RadEditor (Editor for ASP.NET AJAX 2009_3_1314) using visual studio 2005. We are facing problem to set the tools's width property. It is not implementing in the IE8. We have a td which's width is 400px. Editor's tool width is displaying fine in the Firefox and Chrome, but when we browse it in IE8, it occuipy the more area of the td and cause the layout problem.
 
<telerik:RadEditor ID="tbDetails" runat="server" Width="400" ToolsWidth="400px" Height="500px" ToolbarMode="ShowOnFocus" >
                             
 </telerik:RadEditor>

Regards,

Sohail

7 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 31 May 2010, 04:33 PM
Hi Sohail,

I was unable to reproduce the problem. See at http://screencast.com/t/MWJkOTI1 how the toolbar is displayed in IE8 and Firefox 3.6.3 on my end. For your convenience I have also attached my project.

Best regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Sohail
Top achievements
Rank 1
answered on 01 Jun 2010, 05:06 AM
Thanks for replying:
I have used the same project (toolswidth-editorq3sp22009.zip) that was attached. But I am still getting tools width issue with IE8. Image is attached.
Please let me know, Where I am wrong. My IE 8 version is "8.0.6001.18702"

Thanks,

Sohail
0
Accepted
Rumen
Telerik team
answered on 01 Jun 2010, 08:38 AM
Hi Sohail,

I found that the toolbar width was OK on my side because the browser was running in IE8 Compatibility View. When I switched to IE8 Standards mode I was able to reproduce the reported scenario.

The problem is due to that in this mode, the toolbar width depends on the width of the widest inner toolbar. To fix the problem you should divide the longest toolbar to two smaller toolbars. You can easily do that by using a toolsfile.xml file. For your convenience I have attached the modified project in which the editor uses a toolsfile.xml file.

If you do not wont to use a toolsfile, you can render the page in IE7 mode by putting the following tag in the page: <meta http-equiv="X-UA-Compatible" content="IE=7" />
This will also fix the problem.

Best regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Sohail
Top achievements
Rank 1
answered on 01 Jun 2010, 01:45 PM
Thanks again for your replying:

<meta http-equiv="X-UA-Compatible" content="IE=7" /> , resolved my issue. But I have a question about this meta tag.
 I have a master page which is using for different child pages. I tried to use this meta tag to the child page but could not. So, i placed the meta tag in the mater page's header tag.

Would you please let me know, how can i use this meta tag for the specific page. (The page that is using the rad editor)

Thanks again.

Sohail
0
Rumen
Telerik team
answered on 01 Jun 2010, 02:22 PM
Hi Sohail,

The "X-UA-Compatible" meta tag renders the page in Internet Explorer 8 as in IE7 Standards mode. You can find more information in this articles: http://blogs.msdn.com/b/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx
and http://www.cherny.com/webdev/103/the-ie-8-x-ua-compatible-meta-tag.

Since you can set a meta tag only inside the head tag of a page or a master page, this scenario could be not convenient for your master page scenario.

If you don't want to render all the content inside the masterpage in IE7 Standards mode, then try the second solution which was to divide the toolbars on smaller inner toolbars using the toolsfile.xml file.

Best regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Sohail
Top achievements
Rank 1
answered on 02 Jun 2010, 02:14 PM
Thanks for replying:

Regarding 2nd option, that was not complete working for me. After using this toolsfile.xml, I was able to see the correct width according to the toolswidth property. But, layout problem was still exist.

Sohail
0
Rumen
Telerik team
answered on 04 Jun 2010, 02:41 PM
Hi Sohail,

You can play with the ToolsFile.xml file, by adding separator elements (<tool separator="true"/>) or divide the the inner toolbars on smaller toolbars and fix the layout problem.

All the best,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Editor
Asked by
Sohail
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Sohail
Top achievements
Rank 1
Share this question
or