As you can see we have an issue in IE7 where the CuteEditorDropDown widths appear to be ignored specifically in IE7

 

The rendered html has

 

<span class="CuteEditorDropDown" id="CE_ctl20_Editor1_IDformatblock" Command="FormatBlock" onchange="CuteEditor_DropDownCommand(this,'FormatBlock')" RichHideFirstItem="true" RenderItemBorder="true" _IsRichDropDown="True" style="display:inline-block;width:70px;height:20px;">

 

and the config file is (snippet)

 

<item type="g_start" />
   <item type="dropdown" name="CssClass" width="70" RenderItemBorder="true" text="[[CssClass]]" command="CssClass" />
   <item type="dropdown" name="FormatBlock" width="70" RenderItemBorder="true" text="[[Paragraph]]" command="FormatBlock" />
  <item type="g_end" />
  <item type="g_start" />
      <item type="image" name="NetSpell" imagename="spell" />
  <item type="g_end" />

 

so the style attribute is applying the 70px default width but the rendering seems to ignore it.

 

Even more strangly... if we add

 

.CuteEditorDropDown {width:70px;}

 

into our external style sheet the issue is resolved. (although this is not ideal as we can't then in the future have a dropdown box that is other than 70px defined in the config file for the icons)

 

this only seems to apply when the drop downs are near the end of the line, and not in IE8.

 

hope this helps you improve on your support for older browsers.

Are you sure you are modifying the correct toolbar configuration file?

 

Please modify default.config and try the following code:

 

Ok, here's the setup as you have above and a modified default.config...

 

 

although not the clipping....

as you can see the drop downs are placed vertically, rather than wrapping onto another line.

 

ps I'm viewing in IE8. :-)

 

mike.chambers,

 

Can you post the code of default.config?

Code for default.config below... although all I did was remove items from the supplied file until I saw the behavoir we were seeing. :-)

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
 <codeviewToolbars>
  <item type="g_start" />
  <item type="image" name="Save" postback="True" />
  <item type="image" name="Print" />
  <item type="image" name="Find" />
  <item type="image" name="ToFullPage" command="FullPage" imagename="fit" hotkey="F12" />
  <item type="image" name="FromFullPage" command="FullPage" imagename="restore" hotkey="F12" />
  <item type="image" name="Cut" />
  <item type="image" name="Copy" />
  <item type="image" name="Paste" />
  <item type="image" name="SelectAll" hotkey="CTRL+A" />
  <item type="image" name="SelectNone" />
  <item type="g_end" />
 </codeviewToolbars>
 <toolbars>
  <item type="g_start" />
  <item type="image" name="Save" postback="True" />
  <item type="image" name="New" imagename="newdoc" />
  <item type="image" name="Print" />
  <item type="image" name="Preview" imagename="bspreview" />
  <item type="image" name="Find" />
  <item type="image" name="ToFullPage" command="FullPage" imagename="fit" hotkey="F12" />
  <item type="image" name="FromFullPage" command="FullPage" imagename="restore" hotkey="F12" />
  <item type="image" name="CleanCode" imagename="cleanup" />
  <item type="image" name="NetSpell" imagename="spell" />
  <item type="separator" />
  <item type="image" name="Cut" />
  <item type="image" name="Copy" />
  <item type="image" name="Paste" />
  <item type="image" name="PasteText" />
  <item type="image" name="PasteWord" />
  <item type="image" name="PasteAsHTML" />
  <item type="image" name="Delete" />
  <item type="separator" />
  <item type="image" name="Undo" />
  <item type="image" name="Redo" />
  <item type="g_end" />
  <item type="g_start" />
  <item type="image" name="InsertPageBreak" imagename="InsertPageBreak" />
  <item type="image" name="InsertDate" imagename="insertdate" />
  <item type="image" name="InsertTime" imagename="timer" />
  <item type="separator" />
  <item type="image" name="InsertChars" imagename="specialchar" />
  <item type="image" name="InsertEmotion" imagename="emotion" />
  <item type="separator" />
  <item type="image" name="ImageGalleryByBrowsing" imagename="image" />
  <item type="image" name="InsertImage" imagename="eximage" />
  <item type="image" name="InsertFlash" imagename="flash" />
  <item type="image" name="InsertMedia" imagename="media" />
  <item type="image" name="InsertDocument" imagename="document" />
  <item type="image" name="InsertTemplate" imagename="template" />
  <item type="image" name="YouTube" />
  <item type="g_end" />  
  <item type="g_start" />
  <item type="dropdown" name="CssClass" width="70" RenderItemBorder="true" text="[[CssClass]]"
   command="CssClass" />
  <item type="dropdown" name="CssStyle" width="70" RenderItemBorder="true" text="[[CssStyle]]"
   command="CssStyle" />
  <item type="dropdown" name="FormatBlock" width="70" RenderItemBorder="true" text="[[Paragraph]]"
   command="FormatBlock" />
  <item type="g_end" />
  <item type="holder" name="insertcustombutonhere" />
 </toolbars>
</configuration>

On another note... even though I'm subscribed to this thread. I don't seem to be getting any email notifications of replies posted? :-(

 

add  <item type="linebreak" /> before this group.

 

Keep me posted

You must have missed the comment above... we don't want to force the toobar onto 2 lines as in some cases the width is wider for the editor on other pages. so the drop downs can fit on the first line.

 

Also if we add a style to the page of

<style type="text/css">
  .CuteEditorDropDown {width:71px;}
 </style> 

 

so just increasing the width of the drop down by 1px the panel flows onto the next line... so can only assume it's an issue with css and widths?

 

 

 

If you want the drop downs fit on the first line, you can increase the width of editor.

I'm sorry but you seem to be skirting the issue here... the width needs to be as it is... but the dropdowns need to know to flow onto the next line without a linebreak...

You seem unwilling to say that it is an issue with your css, and that at this time the fix is to either have a linebreak or increase the width some how.

I could live with that... in the hope that you are able to add to your list of bugs/ undocumented features that should be fixed in the next iteration...

We've not had this issue in v5 releases, so v6 seems to be the cause?

Hi,

 

I am facing this issue from past 2 month and could not find any solution for this. The css does not work in iframe in IE7. Dont know what is restricting it to be applied or the code to apply css is missin. I opened the source of page the css exists but is not applied.

Please help.!!!!!!!!!!.Its really urgent.

 

Thanks

Yuvika

Thanks and Regards

Yuvika

Thanks to mike.chambers

I got my solution just because of his post.

 

Thanks a lot.