WebSite X5Help Center

 
Marcelo Bisciglia
Marcelo Bisciglia
User

IFrame  es

Autor: Marcelo Bisciglia
Visitado 976, Followers 1, Compartido 0  

Hola, tengo una página con iFrame, donde hace el llamado a un PDF en el mismo dominio, como el contenido de la página del PDF aumentó su longitud, quise hacer lo mismo con la definición del iFrame, se hizo hasta un límite, a partir de ahí aparece una franja en negro.

No es posible aumentar la altura del iFrame para que la página (A4) del PDF se vea completa?.

Gracias!.

Publicado en
10 RESPUESTAS - 1 ÚTIL - 1 CORRECTO
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ES

Hola Marcelo,

Y si usas el onjeto visor de pdfs?

Creo que no vas a tener todos esos problemas.

Prueba y nos comentas como te ha ido!

Saludos colega...

Carlos A.

Leer más
Publicado en de CARLOS AMARAL
Marcelo Bisciglia
Marcelo Bisciglia
User
Autor

Hola Carlos!, no es este el objeto PDF?: Data Visualization -> PDF File

Leer más
Publicado en de Marcelo Bisciglia
Jorge M.
Jorge M.
Moderator

Hola Marcelo Bisciglia
Recuerda actualizar los objetos



Hola Carlos, ¡colega!
Aquí reintegrandome a la familia Incomedia. Que largas vacaciones me he tomado, ya estoy en mi punto de trabajo dispuesto a retornar, veo sorprendentes actualizaciones y ya empezaré a darles uso. 


Saludos y un abrazo a todos
Jorge M.

Leer más
Publicado en de Jorge M.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ES

Hola Jorge!! Tanto Tiempo! Que bueno que hayas vuelto!

Si si... ultimamente hay varias cosas nuevas en el programa, objetos nuevos gratis, etc... la verdad que todo muy bueno.

Cualquier cosa a las ordenes colega! como siempre!!!

Abrazooooooooo!!!

Leer más
Publicado en de CARLOS AMARAL
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ES
Marcelo Bisciglia
Hola Carlos!, no es este el objeto PDF?: Data Visualization -> PDF File

Si Marcelo! es ese mismo!!!

Te comenté eso, porque como nombraste los "iframe" pense que estabas cargando el pdf en un iframe de alguna manera, y es mejor usar ese objeto.

Saludos!!!

Carlos A.

Leer más
Publicado en de CARLOS AMARAL
Jorge M.
Jorge M.
Moderator
Carlos Amaral
Hola Jorge!! Tanto Tiempo! Que bueno que hayas vuelto! Si si... ultimamente hay varias cosas nuevas en el programa, objetos nuevos gratis, etc... la verdad que todo muy bueno. Cualquier cosa a las ordenes colega! como siempre!!! Abrazooooooooo!!!

!Gracias colega!

Leer más
Publicado en de Jorge M.
Marcelo Bisciglia
Marcelo Bisciglia
User
Autor

Hola a todos!, no hay forma de extender la ventana para evitar el recorte que mostre en la consulta inicial?. Gracias.

Leer más
Publicado en de Marcelo Bisciglia
Jorge M.
Jorge M.
Moderator

Hola Marcelo, voy a probar en unas horas más (no estoy en mi PC) y te aviso más tarde por aquí, deberé repétir el diseño con un pdf cualquiera y te compartiré mis descubrimientos.
Mientras puede ayudarnos con el tamaño del PDF, si no es problema podríamos probar con el mismo o dinos que caracteristica tiene, me refiero al tamaño, es A4, carta, usas 950 de alto... Mientras más datos nos suministres mejor podremos replicar tu diseño y probar una solución.

Edito: Ya la reproduje y obtengo el mismo resultado que estas comentando, haré otras pruebas y seguiré informando por aquí

Saludos

Jorge M.

Leer más
Publicado en de Jorge M.
Jorge M.
Jorge M.
Moderator

Hola Marcelo 

Ya tengo solucionado pero debes modificar un poco la forma en que presentas el pdf

Mis pruebas:

  1. Usé el Objeto PDF y no funciona, tiene un límite, es lo que estás preguntando, me dió el mismo error
  2. Usé el Objeto HTML con un código Iframe:
    <embed src="files/libro1.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="1050px" /> pero también tiene el mismo límite del Objeto PDF

  3. Usé Google como gestor de visualización y el resultado fue el esperado.


Ahora el tutorial de como solucionar la visualización PDF en archivos largos:

El primer paso del tutorial es subir el fichero a Google Drive https://drive.google.com yo cree una carpeta por ejemplo para tener un orden y dentro subí un archivo, que, con el botón derecho le dí todos los permisos para usuarios sin necesidad de entrar en una cuenta google y solo lectura

Este es el link que subí, lo puedes comprobar: https://drive.google.com/file/d/1jkWrB93ub2IugKQvl4wgcZi3UaLMlMlY/view

Con el botón derecho tienes la opción también de compartir y generar el enlace (como el que acabo de escribir).

Para ver los documentos de Google Drive desde los enlaces del visor de archivos. Necesitas solo saber la ID del archivo

El URL de archivo para el PDF de mi ejemplo:
drive.google.com/file/d/1jkWrB93ub2IugKQvl4wgcZi3UaLMlMlY/view
Tiene su ID que resalto en negrita

El dódigo que necesitas es este:

<iframe src="https://docs.google.com/viewer?srcid=[aquí va la ID sin los corchetes]&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="100%" height="680px"></iframe>

Donde debes reemplazar el ID del archivo

Al final nos queda

<iframe src="https://docs.google.com/viewer?srcid=1jkWrB93ub2IugKQvl4wgcZi3UaLMlMlY&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="100%" height="100%"></iframe>

Y eso es todo

Nota: le cambié el alto (height) 100% para que despliegue todo, pero eso lo puedes manejar con comodidad en px su asi lo deseas.

Revisa, prueba y comenta cualquier duda, avisanos como te va.
Saludos
Jorge M.

----------------------------------------------------------------------------------------------------------

Recuerda que elaborar un post no genera ingresos, por esto Cada vez que marcas respuesta correcta o útil ¡Cuenta como reconocimiento! , así que:

  • Si una respuesta es correcta o te ayuda a resolver dale la opción de Correcto.
  • Si una respuesta sirve, sea o no sea tu pregunta, dale útil.
  • Si no te sirve ninguna respuesta, para ayudar a comprender mejor la pregunta trata de agregar links o capturas de Vista Previa, Rejilla de Maquetación, Navegador
  • Para las capturas: usa la opción Añadir una imagen desde su PC.

Leer más
Publicado en de Jorge M.
Marcelo Bisciglia
Marcelo Bisciglia
User
Autor

Excelente tu solución Jorge!. Muy agradecido por tu ayuda, quedo perfecto, abrazo!

Leer más
Publicado en de Marcelo Bisciglia