2010-02-16 7 views
0

J'ai un problème lors de l'utilisation de Telerik RadEditor avec IE (pas Firefox, ni Chrome, ni Safari). Je pense que j'ai un style css contradictoire mais je n'ai aucune idée de qui (essayant de supprimer la plupart des styles). J'ai également essayé d'ajouter un ContentEditorArea.css.Problème d'affichage RadEditor (LI)

Comment radeditor affiche dans IE8 (pas très différentes dans IE7): http://www.skalae.fr/radeditor.jpg

EDIT:

Ok. Je ne suis pas sûr d'avoir un conflit CSS. Donc, voici la page Asp.net:

 <telerik:radeditor runat="server" ID="DetailsPratiques" 
     ToolsFile="~/App_Data/RadEditLite.xml" 
     SkinID="DefaultSetOfTools" 
     width="95%" 
     Height="300px"> 
      <CssFiles> 
       <telerik:EditorCssFile Value="~/view/assets/EditorContentArea.css" /> 
      </CssFiles> 
       <Tools> 
       <telerik:EditorToolGroup> 
         <telerik:EditorDropDown Name="TranslateTool" Text="<img src='/view/assets/flags/fr.png' alt=''/> Translation Tool" 
          Width="130px" ItemsPerRow="1" PopUpWidth="120px" PopUpHeight="260px"> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/fr.png' alt=''/> French" Value="fr" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/en.png' alt=''/> English" Value="en" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/es.png' alt=''/> Spanish" Value="es" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/de.png' alt=''/> German" Value="de" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/it.png' alt=''/> Italian" Value="it" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ru.png' alt=''/> Russian" Value="ru" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/pt.png' alt=''/> Portuguese" Value="pt" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/he.png' alt=''/> Hebrew" Value="he" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/nl.png' alt=''/> Dutch" Value="nl" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ja.png' alt=''/> Japanese" Value="ja" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/bg.png' alt=''/> Bulgarian" Value="bg" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ro.png' alt=''/> Romanian" Value="ro" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/uk.png' alt=''/> Ukrainian" Value="uk" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/sv.png' alt=''/> Swedish" Value="sv" /> 
         </telerik:EditorDropDown> 
         <telerik:EditorTool Name="InsertVideo" Text="Multimedia Content" /> 
       </telerik:EditorToolGroup> 
       </Tools> 
      </telerik:radeditor> 

Peut-être il est important, c'est un accordéon ajax:

   <ajaxToolkit:Accordion 
       ID="accordion1" runat="server" 
       FadeTransitions="false" FramesPerSecond="100" TransitionDuration="50" 
       CssClass="jqtheme" HeaderCssClass="header" ContentCssClass="" 
       RequireOpenedPane="True" AutoSize="None"> 
       <Panes> 
        <ajaxToolkit:AccordionPane ID="panier" runat="server"> 
         <Header> 
          <div> 
           <li>Informations principales</li> 
          </div> 
         </Header> 
         <Content> 

qui est fermé.

(merci pour votre aide et désolé pour mon anglais et ennuyeux vous avec cela)

+1

Vous devez fournir plus d'informations, idéalement du code pour montrer le problème. L'image que vous avez liée est inutile sans une sorte de contexte ou de comparaison. – rrrr

+0

J'ai trouvé les 4 fichiers CSS qui cause les problèmes. Le problème comme la capture d'écran se produit avec: http://www.skalae.fr/templates.css Un autre (radEditor n'affiche pas les icônes et autres éléments graphiques mais la disposition est correcte [il n'y a pas de puce liste problème]): c'est avec l'un de ceux-ci: http://www.skalae.fr/rssmixer.css http://www.skalae.fr/pushref.css http://www.skalae.fr /zbfooterlinks.css – Netah

Répondre

0

Vous pouvez toujours essayer enregistrer les peaux radeditor manuellement sur la page en utilisant le contrôle RadStyleSheetManager:

 <telerik:RadStyleSheetManager ID="radstylesheetmanager1" runat="server"> 
     <StyleSheets> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" /> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Editor.Default.css" /> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" /> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Window.Default.css" /> 
     </StyleSheets> 
    </telerik:RadStyleSheetManager> 

Cette Vous devez corriger tous les problèmes de peau que vous pouvez rencontrer en affichant/masquant l'éditeur, en utilisant les requêtes AJAX, etc. La seule chose que vous devez changer est le nom du skin dans les références de feuille de style ci-dessus. .