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!
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
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!
Hola Iris,
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%.
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
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!!!
Hola Iris,
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.
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
Richard:
Al final le econtré la vuelta agregando en el toba.css de mi proyecto la siguiente línea:
.CodeMirror-wrapping {height:600px;}
Saludos!!