Problema con la adaptabilidad y la altura del objeto texto 
Autore: Leo A.
Visite 1695,
Followers 1,
Condiviso 0
Hola!
Tengo un problema con el sitio web adaptable y la altura del objeto texto
Se puede ver el ejemplo en https://www.pyctyos.com/ars.php yendo a la zona de texto
La visualización en el ordenador y con dsitintos navegadores no crea problemas. El problema ocurre cuando se visualiza en el móvil. El objeto texto pierde la altura definida fija y pasa a tener la altura del texto más largo de la alguna de las pestañas.
He intentado reducir la resolución del punto de interrupción para un smartphone, pero no me deja bajar de 320px.
A ver si se pudiera solucionar, es un gran problema para este tipo de diseño del texto
Muchas gracias
Postato il
Use o recurso de RollOver parado, com definição de altura.
Autore
Hola!
Gracias por tu respuesta pero tu propuesta no soluciona el problema en el smatphone.
Diria que tu propuesta, el RollOver va bien para enmarcar el texto en una altura, y opcionalmente darle algun movimiento. En el caso de usar las pestañas o fichas del objeto texto, también permite regular la altura, pero esta altura no se reconoce en la resolución de smartphone. Ninguna de las dos. El ejemplo esta publicado con tu propuesta y si lo abres en un smatphone veras que el texto queda larguísimo y vacío en algunas pestañas o fichas.
Muchas gracias! :)
... intentalo; ... en teoría en el navegador de escritorio podría (!) funcionar:
<style>
.text-container,.text-container div {height:auto !important; min-height:0px !important;}
</style>
.
Autore
Perdona, dónde va esto? Piensa que el texto esta en pestañas/fichas
:)
... noté que no has aplicado mi código para poder verificar si funciona o no ...
... el código EXTRA siempre debe insertarse en la misma sección de Experto anterior, siguiendo mi código de script anterior que ya ha utilizado...
.
ciao
.
Autore
Hola, KA
Lo acabo de publicar. Tu propuesta ha hecho cambios pero todavía no conseguimos lo que quiero exactamente!
En Objeto texto, Estilo de las fichas, tengo configurado la Altura fichas a 400, y lo que esta pasando ahora, con tu propuesta, es que las fichas se ven del largo que tienen de contenido interior y no se ven los espacios vacíos en todas las visualizaciones.
Pero yo quiero que se vea la ventana de texto de altura 400, siempre fija, para todas las pestañas, y en todas las visualizaciones adaptables.
No quiero ser pesado, y ya veo que tus soluciones funcionan. A ver si lo podemos conseguir. Es que esta opción que propones me modifica el diseño.
Más que nada, lo que pretendo, es que el programa haga lo que se le dice, y no lo cambie a su antojo para la visualización de smartphone. Lo digo, en especial, para la gente del software.
Muchas gracias!! :)
... no, eso no es bueno; ... mi código estaba basado en la estructura anterior, y por lo tanto ahora no es válido, tienes que borrarlo ...
.
ciao
.
Autore
Borrado y vuelto a publicar
Quedó como al inicio
A ver si alguien tiene alguna idea. La gente del software??
:)
<script>
$( document ).ready(function() {//K;//controllo schede K;
setTimeout(function(){ //K >>>;
$(".text-tabs-inner [data-index=0]").click(function(){
setTimeout(function(){ //K0;
k= $("#imTextObject_113_14_tab0 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=1]").click(function(){setTimeout(function(){ //K1;
k= $("#imTextObject_113_14_tab1 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=2]").click(function(){setTimeout(function(){ //K2
k= $("#imTextObject_113_14_tab2 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=3]").click(function(){setTimeout(function(){ //K3;
k= $("#imTextObject_113_14_tab3 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=4]").click(function(){setTimeout(function(){ //K4;
k= $("#imTextObject_113_14_tab4 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=5]").click(function(){setTimeout(function(){ //K5;
k= $("#imTextObject_113_14_tab5 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
}, 3000); }); //K <<<;
</script>
.
... tomar el examen ... ... .. .. ... .
.
Autore
Hola! Publicado con
<script>
function anchorK(tabK,idK) { //K;
$(".text-tabs-inner [data-index="+tabK+"]").click();
setTimeout(function(){location.href = idK ;}, 500);
setTimeout(function(){k=$(window).scrollTop();$(window).scrollTop(k-50);}, 1000) ;}
</script>
<script>
$( document ).ready(function() {//K;//controllo schede K;
setTimeout(function(){ //K >>>;
$(".text-tabs-inner [data-index=0]").click(function(){
setTimeout(function(){ //K0;
k= $("#imTextObject_113_14_tab0 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=1]").click(function(){setTimeout(function(){ //K1;
k= $("#imTextObject_113_14_tab1 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=2]").click(function(){setTimeout(function(){ //K2
k= $("#imTextObject_113_14_tab2 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=3]").click(function(){setTimeout(function(){ //K3;
k= $("#imTextObject_113_14_tab3 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=4]").click(function(){setTimeout(function(){ //K4;
k= $("#imTextObject_113_14_tab4 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
$(".text-tabs-inner [data-index=5]").click(function(){setTimeout(function(){ //K5;
k= $("#imTextObject_113_14_tab5 >.text-inner ").css("height");k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 + 50 ); }, 1500); });
}, 3000); }); //K <<<;
</script>
Pero no funciona bien, hace casi lo mismo que el anterior que era más simple
Tu debes ser del equipo de WebsiteX5, no?! Porque te lo curras mucho, y no ha aparecido nadie de Incomedia todavía. Sino es que lo haces por que eres el mejor???? O te conoces muy bien el código del software!?
Igualmente, muchas gracias!!! :)
... tal vez la página sea demasiado lenta o demasiado pesada...
... intente cambiar el valor en la parte inferior, de 3000 a 6000, (seis segundos de retraso para activar el código...
... ... ... Tu debes ser del equipo de WebsiteX5, no?! Porque te lo curras mucho, y no ha aparecido nadie de Incomedia todavía. ... ...
... ¡no! ... soy un usuario normal como tú (+moderador)...
...
...
... de todas formas ya he notificado al PERSONAL...
.
... prueba esta variante abreviada de mi código y con un retraso de 6 segundos:
<script>
$( document ).ready(function() {//K;//controllo schede K;
setTimeout(function(){ //K >>>;
$("#imTextObject_113_14 .tab").click(function() {k=$(this).attr("data-index");dataIndexK(k)})
function dataIndexK(kkk) {//K1;
setTimeout(function(){ //K2;
var k= $("#imTextObject_113_14_tab"+kkk+" >.text-inner ").css("height");var k1= Number( k.match(/\d+/) );
$("#imCell_14 .text-container ,#imCell_14 .text-tab-content ").css("height", k1 ).css("overflow", "hidden" ); }, 1500); }
}, 6000); }); //K <<<;
</script>
.
...!... en mi teléfono inteligente lo veo haciendo clic en las pestañas el ajuste de texto funciona, y por eso creo que, como dije antes, puede depender de la velocidad de carga de la página...!...
.
Autore
Hola! Gracias!!!
A ver, en el smartphone lo que has conseguido es que NO queden espacios en blanco, y que el alto de la caja sea del tamaño del contenido. Al ser todo en columna en el smartphone NO genera muchos problemas, aunque NO es lo que yo quiero.
Pero en las otras visualizaciones que NO son de smartphone, el diseño se mueve, se mueve el mapa porque la altura del texto se mueve, que tampoco es la idea.
La idea es que la caja de texto quede fija en 400px, tal como ofrece el mando en el programa
:)
Autore
tu última propuesta esta publicada
... Lo siento
, en mi vieja PC mi código no se activa; tal vez la página sea demasiado lenta y pesada para mí ...
... en cambio, en mi teléfono inteligente funciona como debería ...
... espera a los expertos ...
... tienes que eliminar mi código, para permitir que el PERSONAL verifique y evalúe la situación real ...
ciao
.
Hola Leo
Puedo ver exactamente a qué te refieres, pero debo decir que el hecho de que la altura fija de las pestañas se pierda en Mobile se debe a la logica del software.
Dado que la misma configuración en la mayoría de los casos no se ajusta al tamaño del texto tanto en el dispositivo móvil como en el escritorio, decidimos que esto está desactivado en el dispositivo móvil y que el texto ocupará todo el espacio que necesita.
Por el momento, así es como se supone que funciona el software.
Sin embargo, dado que el comportamiento siempre se puede cambiar a través de un código personalizado, dejaré el tema abierto para que otros usuarios como KolAsim puedan ayudarte con esto, considerando que el personal no puede brindar soporte para códigos personalizados.
Estoy disponible en caso de que tenga alguna otra pregunta.
Stefano
Autore
Gracias por responder, Stefano. Y yo pregunto: y esa decisión que tomaron, de que en el modo smartphone la caja no respete la altura fijada (que no es lo que uno diseña, porque ahi pone una altura fija, que ustedes disponen de no respetar en el modo smartphone, en todo caso deberían poner una aclaración en algún lado) no se podría poner un botoncito para que nosotros decidamos, al diseñar, si en el modo smartphone sigue quedando fija o sea como ustedes proponen, que no queda fija???
Porque eso sería lo que debería a los programas profesionales, que las decisiones las tomen los que usan el programa o software, que tengamos posibilidades de diseño y decisión, más que el software decida por nosotros, no?!
Vamos Stefano, ustedes pueden!!!!! siiiiii!!!! Mejoremos este gran programa!!!!
Gracias :)
Hola Leo... a modo de chiste... la idea de este software es que por suerte decide casi todo por nosotros jejeje... ya que en mi caso no se nada de html, no podria diseñar sitios completos jejeje...
Saludos colega... igual entiendo tu problema.
Carlos A.
Autore
Hola Carlos, no quiero entrar en debate, pero este programa, siempre digo que es muy bueno, y lo he recomendado a mucha gente, por lo mismo que dices tu, te genera un html sin saber nada, es muy fácil, tiene muchas posibilidades, etc. Pero convengamos que los programas profesionales tienen infinidad de posibilidades y casi todo se puede editar, y configurar. Diría que en este software todavía no estamos a ese nivel. Hay cosas que en algunos objetos se pueden configurar y en otros no. Y estaría bien un paso adelante en ese sentido, ya que que he leído muchas quejas de usuarios, y muchas negativas de Stefano y de su equipo, no se porqué.
No se bien cuál es el problema de pedir más, y de que den más. Pero pensando en los profesionales, este programa se merece un salto adelante de más configuraciones y posibilidades.
Ya te digo, sin entrar en polémica ni discusiones, creo que en lugar de dar negativas y decir que esto es así y punto, creo que habría que intentar avanzar. En este caso lo que yo pido o propongo, a mi me parece una tontería, (no se si lo es o no), pero si se pudiera realizar, es un avance más, todos contentos y este programa evoluciona. Que es lo que interesa, no?!
Para acabar, decirte, que una respuesta negativa de parte del equipo del software, no es interesante. Piensa que nosotros confiamos en el software, lo pagamos. Y no soy al primero al que se la dan negativas. La verdad es que uno quiere trabajar con gente que le mete caña al tema. Y esas respuesta no ayudan. Stefano, esto va para ti también. Una respuesta más atractiva sería la de vamos a intentar en próximas actualizaciones agregar configuraciones en este sentido, por ejemplo, no? No sería una respuesta más agradable de la gente a la que le confías tu dinero y tu tiempo?? Que te brinda un gran programa, pero que la respuesta lo mata!!
Gracias!!! Saludos!
Hola Leo
Entiendo perfectamente lo que quieres decir, pero no creo que simplemente responderte que esto es definitivamente algo que vamos a considerar sea la elección correcta si soy consciente del hecho de que probablemente esto no sea algo que vaya a ser cambiado.
Puedo proporcionar esta respuesta específica con seguridad en este caso porque este comportamiento específico se discutió junto con algunos otros usuarios hace algún tiempo debido a cómo funcionaba el sistema antes, y después de mucha discusión, nos decidimos por esta solución que parecía adaptarse a la mayoría de los requisitos.
Como puede imaginar, recibimos muchas solicitudes para cambiar características, agregar características y similares, y todas pasan por una discusión y evaluación rigurosa, pero somos conscientes del hecho de que no todas pueden funcionar en nuestro software, o que cambiar algo que podría considerar valioso para un usuario podría causar disensión en otros usuarios.
Estoy más que feliz de hacerle saber sobre sus propios temas de Idea cuando una Idea es algo que probablemente veremos en poco tiempo o algo que probablemente se considerará, pero no creo que se lo diga y luego sepa bien que no se considerará en poco tiempo o tal vez nunca vez correcto
Dicho esto, por supuesto le agradezco sus comentarios que seguramente atesoraremos.
Stefano
Autore
Hola! KolAsim, una pregunta, tu has probado de hacer un código para que la ventana de texto sea fija de 400px para todos los modos, que también funcione para el modo smartphone???
Gracias, saludos!! :)
... ¡no! ... pero también creo que el desplazamiento del texto dentro de las pestañas no podía funcionar, al fin y al cabo como ya ocurre ahora por defecto ...
... la única posibilidad EXTRA que veo es la que publiqué antes ...
ciao
.
Autore
Hola Stefano, toda mi idea de diseño la tengo que descartar, porque si miras la solución como queda en el móvil, no funciona. Verás que una pestaña/ficha con un texto corto adquiere el largo en blanco del texto de la pestaña/ficha más largo, lo cual lo hace impublicable en la web, queda muy mal. Y no sólo han cambiado la orden de la altura de ficha, para Smartphone, que se define en el Estilo de las fichas, sino que no dan solución al problema. Desde luego mal.
Y es una pena también tu repuesta. No tiene ningún sentido.
A pesar de los esfuerzos de algunos por dar solución al problema, no se ve ninguna intención por vuestra parte. Significa que una orden que ofrecen en el Estilo de las fichas es en realidad un fiasco. Quizás sería mejor que la quitaran!!!
No te imaginas la impotencia que tengo en este momento, tengo que cambiar todo el diseño por esta razón.
Lo único que te pediría es que no respondas, para volver a decirme nuevamente que no van a dar solución al problema.
Quería que supieras lo que pienso y el problema que tengo, simplemente.
Una cosa que espero es que ya que tengo que cambiar el diseño de la página tipo, aplicando la frase que dice que "no hay mal que por bien no venga", pueda encontrar alguna solución que mejore el diseño actual.
Y sin perder la esperanza de encontrar una solución, no podrían por ejemplo, bajar la resolución de Diseño Adaptable de 320px a 180px por ejemplo, o menor?? Eso permitiría, sin solucionar el problema, que no sea visible este problema.
Ya me imagino tu respuesta!!!
Muchas gracias! Igualmente!