Autor Tema: Alto del componente ei_codigo  (Leído 102 veces)

0 Usuarios y 1 Visitante están viendo este tema.

ifigini

  • Full Member
  • ***
  • Mensajes: 151
    • MSN Messenger - imfigini@hotmail.com
    • Yahoo Instant Messenger - imfigini@yahoo.com.ar
    • Ver Perfil
    • Email
  • Institución: UNCPBA - FCEx
  • Nombre y apellido: Iris Figini
  • Sistema: Guarani
Alto del componente ei_codigo
« : abril 11, 2017, 11:29:21 am »
Estoy desarrollando en toba 2.6.3.
Dentro de una pantalla agregué un toba_ei_codigo.
El inconveniente que tengo es que no puedo ampliarlo en alto. Probé ponerle 100%, probé con diferentes valores de vh, pero siempre queda en unas 8 líneas de código, y me interesaría poder ampliarlo al alto de la pantalla.
Alguna posible solución?
Muchas gracias!

richard

  • Moderador Global
  • *****
  • Mensajes: 2380
    • Ver Perfil
  • Institución: SIU
  • Nombre y apellido: Ricardo Dalinger
  • Sistema: SIU-Toba
Re:Alto del componente ei_codigo
« Respuesta #1 : abril 17, 2017, 12:28:50 pm »
Hola Iris,

el ei_codigo se arma mayoritariamente en JS via una libreria,  la cual recibe como parametros ancho y alto.  Si no te esta respetando el alto, puede deberse a que el browser tenga algun inconveniente para ejecutar correctamente dicho JS o que el contenedor para dicho elemento tenga un alto fijo y por lo tanto no pueda extenderse mas alla de dicho contenedor, te aparecen las barras de scroll en el componente?

Te hago una consulta,  dentro de toba_editor cuando intentas ver el codigo de una subclase se extiende mas alla del alto de la pantalla el ei_codigo?.

Saludos
Twitter es al incontinente verbal,  lo que los dulces al diabetico.

ifigini

  • Full Member
  • ***
  • Mensajes: 151
    • MSN Messenger - imfigini@hotmail.com
    • Yahoo Instant Messenger - imfigini@yahoo.com.ar
    • Ver Perfil
    • Email
  • Institución: UNCPBA - FCEx
  • Nombre y apellido: Iris Figini
  • Sistema: Guarani
Re:Alto del componente ei_codigo
« Respuesta #2 : abril 17, 2017, 01:43:53 pm »
Richard:
Gracias pro tu respuesta.
Lo he probado en diferentes navegadores, y siempre lo mismo... muestra unas 8 líneas de código.
El contenedor del ei_codigo es una pantalla dentro de un CI. El CI tiene definido el alto en 100%.
La pantalla incluye un ei_formulario y un ei_codigo.
La barra de scroll de mi ei_codigo si lo veo.
En el toba_editor, al ver el código de alguna subclase, si se extiende más allá de la pantalla.
Gracias por la orientación que puedas darme!

richard

  • Moderador Global
  • *****
  • Mensajes: 2380
    • Ver Perfil
  • Institución: SIU
  • Nombre y apellido: Ricardo Dalinger
  • Sistema: SIU-Toba
Re:Alto del componente ei_codigo
« Respuesta #3 : abril 19, 2017, 12:12:35 pm »
Hola Iris,
Lo he probado en diferentes navegadores, y siempre lo mismo... muestra unas 8 líneas de código.
El contenedor del ei_codigo es una pantalla dentro de un CI. El CI tiene definido el alto en 100%.
La pantalla incluye un ei_formulario y un ei_codigo.
La barra de scroll de mi ei_codigo si lo veo.
El problema que le veo es este, por como esta configurado (sin un alto fijo en px) se va a adaptar al tamaño del viewport, debido a que puede scrollear y que el formulario le "come pantalla". Una opción que se me ocurre es sacarle el scroll para intentar forzarlo a que tome todo el tamaño vertical que necesite. Otra opcion es especificar un alto en px, em lo que sea... menos porcentual, ya que en ese caso si le dejan 10px disponibles.. esos 10px's siguen siendo el 100%.

Citar
En el toba_editor, al ver el código de alguna subclase, si se extiende más allá de la pantalla.
Me refiero a la segunda pestaña, donde editas codigo.. en la primera simplemente se visualiza el codigo pero no se esta usando ningun componente.

Saludos
Twitter es al incontinente verbal,  lo que los dulces al diabetico.

ifigini

  • Full Member
  • ***
  • Mensajes: 151
    • MSN Messenger - imfigini@hotmail.com
    • Yahoo Instant Messenger - imfigini@yahoo.com.ar
    • Ver Perfil
    • Email
  • Institución: UNCPBA - FCEx
  • Nombre y apellido: Iris Figini
  • Sistema: Guarani
Re:Alto del componente ei_codigo
« Respuesta #4 : abril 20, 2017, 01:58:33 pm »
Richard:
Por más que le ponga un alto fijo, ya sea en px o en vh, lo ignora completamente...
Desde dónde podría sacar la barra de scroll? no lo encuentro..

En cuanto a la edición de código con el toba_editor, no se extiende más allá de la pantalla, sino que tiene una barra de scroll lateral y otra inferior.  Pero el alto es muy superior a las 8 líneas que me salen en mi ei_codigo...

Saludos y gracias!!!
« Última Modificación: abril 20, 2017, 02:49:20 pm por ifigini »

richard

  • Moderador Global
  • *****
  • Mensajes: 2380
    • Ver Perfil
  • Institución: SIU
  • Nombre y apellido: Ricardo Dalinger
  • Sistema: SIU-Toba
Re:Alto del componente ei_codigo
« Respuesta #5 : abril 24, 2017, 12:46:06 pm »
Hola Iris,
Por más que le ponga un alto fijo, ya sea en px o en vh, lo ignora completamente...
Desde dónde podría sacar la barra de scroll? no lo encuentro..
de la documentacion de la libreria CodeMirror saco que se pueden manipular pasandole un objeto al constructor con el valor null para ScrollbarsStyle, el tema es que Toba esta mandando ese objeto como algo fijo que esta en ei_codigo.js, por lo que a fines practicos no lo podes cambiar sin cambiar ese archivo.

Citar
En cuanto a la edición de código con el toba_editor, no se extiende más allá de la pantalla, sino que tiene una barra de scroll lateral y otra inferior.  Pero el alto es muy superior a las 8 líneas que me salen en mi ei_codigo...
Esto es lo extraño,  deberia comportarse de la misma manera, por eso te decia que tiene que ser algo relacionado al contenedor si es que en el ei_codigo ya le pusiste alto fijo. 
Yo lo que intentaria es ponerle alto fijo tanto al ci, como al ei_codigo, no porcentual.. sino en em's.

Saludos
Twitter es al incontinente verbal,  lo que los dulces al diabetico.

ifigini

  • Full Member
  • ***
  • Mensajes: 151
    • MSN Messenger - imfigini@hotmail.com
    • Yahoo Instant Messenger - imfigini@yahoo.com.ar
    • Ver Perfil
    • Email
  • Institución: UNCPBA - FCEx
  • Nombre y apellido: Iris Figini
  • Sistema: Guarani
Re:Alto del componente ei_codigo
« Respuesta #6 : mayo 26, 2017, 11:54:39 am »
Richard:
Al final  le econtré la vuelta agregando en el toba.css  de mi proyecto la siguiente línea:
.CodeMirror-wrapping {height:600px;}

Saludos!!

 

Comunidad SIU