martes, 25 de febrero de 2020

Ajax Control ToolKit v.19, HtmlEditor, extender_popupDiv.

Tengo un proyecto WebForm Asp.Net en Visual Studio 2019, donde utilizo Ajax Control ToolKit v.19. Estoy utulizando el nuevo control HtmlEditorExtender dentro de un FormView.

asp:TextBox ID="TextBoxMailBody" runat="server" Rows="15"  Width="100%"  TextMode="MultiLine">

ajaxToolkit:HtmlEditorExtender  EnableSanitization="false"  ID="TextBoxMailBody_HtmlEditorExtender"   runat="server" BehaviorID="TextBoxMailBody_HtmlEditorExtender" TargetControlID="TextBoxMailBody">

PROBLEMA : Cuando mi FormView se activada en Modo Edit o Insert, algunos controles como ComboBox que estaban cerca del nuevo HtmlEditor dejaban de funcionar, les hacia clic y no respondian, como si quedaran bloquedos o de lectura.

CAUSA : Utilizando el Navegador y activando las opciones de Desarrollo con la tecla F12, encontré que el HtmlEditorExtender, crea un Div, que me cubre otros componentes. Los controles que este dentro de ese Div quedan bloqueados y esa es la razón por la que no funcionaban mis ComboBox.



SOLUCION : Agregar la siguiente clase .css, puede hacerse a local al .aspx o .ascx, pero si son varias páginas que utiliza htmlEditorExtender es mejor que esta clase quede a nivel global en un archivo .css para no tener que establecerla de manera individual.

.ajax__html_editor_extender_popupDiv {
  display: none;
}

  • Añadir a la guía de conversación
    • No hay listas de palabras para Español -> Español...
    • Crear una nueva lista de palabras...
  • Copiar
  • Añadir a la guía de conversación
    • No hay listas de palabras para Español -> Español...
    • Crear una nueva lista de palabras...
  • Copiar
  • Añadir a la guía de conversación
    • No hay listas de palabras para Inglés -> Español...
    • Crear una nueva lista de palabras...
  • Copiar
  • Añadir a la guía de conversación
    • No hay listas de palabras para Inglés -> Español...
    • Crear una nueva lista de palabras...
  • Copiar
  • Añadir a la guía de conversación
    • No hay listas de palabras para Inglés -> Español...
    • Crear una nueva lista de palabras...
  • Copiar
  • Añadir a la guía de conversación
    • No hay listas de palabras para Inglés -> Español...
    • Crear una nueva lista de palabras...
  • Copiar

No hay comentarios.: