0

tengo un reporte realizado en Power Bi, como tengo solo una cuenta no puedo compartirlo de manera Enterprise pero si de manera gratuita, el problema que este reporte aparece con las opciones de compartirlo en redes sociales lo cual me deja descolocado con la seguridad de mi aplicación.

El reporte lo Cargo en un Iframe y estoy buscando la manera de quitar los enlaces de redes sociales mediante javascript una vez el reporte se carga pero no lo he logrado.

introducir la descripción de la imagen aquí

1

3 respuestas 3

1

Hola estimado se que ya ha pasado bastante tiempo para responder esta pregunta pero recién me encuentro con este reto de quitar las opciones de compartir, en mi caso inserte mi reporte de power bi en un sitio web como iframe y le ante puse un div con altura de 500px ya que mi reporte tenia una altura de 541.25 y añadiendo overflow:hidden dentro del div logrando que no se mostrara las opciones de compartir al igual que la paginación pero lo resolví agregando botones de navegación dentro del reporte, espero les sirva igual que a mi, saludos.

   <div style= "height:500px;overflow:hidden">
    <iframe  title="titulo de reporte" width="1140" height="541.25" src="https://app.powerbi.com/ruta de reporte......."  frameborder="0"  allowFullScreen="disable"></iframe>
    </div>
0

Efectivamente, no es posible hacerlo. Al menos de forma oficial.

Al margen de los iconos para compartir en las redes sociales, la seguridad del propio informe está comprometida, puesto que cualquiera puede compartir el link del informe, que no está sometido a ninguna restricción y por lo tanto todo el mundo puede visualizarlo.

0

Recientemente me encontré con este mismo problema. Como se mencionó anteriormente, esta opción compromete la seguridad del informe, por lo que no se recomienda su uso si se maneja información sensible.

Aunque no es una solución definitiva, utilicé CSS para superponer una barra en la parte inferior del iframe y así "ocultar" las opciones. Esta solución fue efectiva para mí porque la implementé en un entorno interno controlado.

css:

<style>
        body, html {
            height: 100%; /* Asegura que el body y html ocupen toda la altura de la ventana */
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center; /* Centra el contenedor vertical y horizontalmente */
        }

        .iframe-container {
            position: relative;
            height: 95vh; /* 95% del alto de la vista de la ventana */
            width: calc(95vh * 1.6732); /* Mantiene la relación de aspecto 1024 x 612 px ≈ 1.6732 */
            max-width: 100%; /* Asegura que no sobrepase el ancho de la ventana */
            overflow: hidden; /* Esconde cualquier parte del iframe que sobresalga */
        }
        
        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        .cover {
            position: absolute;
            bottom: 0; /* Posiciona la cubierta en la parte inferior del contenedor */
            left: 0;
            width: 100%;
            height: 36px; /* Ajusta esta altura para cubrir la barra inferior */
            background-color: #eaeaea; /* El color debe coincidir con el fondo de tu página */
            z-index: 10; /* Asegúrate de que esta capa esté por encima del iframe */
        }
    </style>

html:

<div class="iframe-container">
    <iframe title="titulo" src="https://app.powerbi.com/view?....." frameborder="0" allowFullScreen="true"></iframe>
    <div class="cover"></div> <!-- Esta es la cubierta que oculta los botones no deseados -->
</div>

Aspectos a tener en cuenta:

  1. Tamaño del iframe: El iframe debe tener el tamaño final necesario para poder visualizarlo correctamente, ya que esto elimina la opción de navegación entre páginas y pantalla completa.
  2. Seguridad: Cualquiera que sepa un poco de CSS puede quitar esa parte inspeccionando el código, por lo que si se maneja información sensible, no se recomienda esta solución.
  3. Acceso al link: Es posible obtener el enlace inspeccionando el código.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.