¿Como mostrar gráficas en un acordion sin que se distorsionen?

Raul Martin Anaya Rojo shared this question 2 months ago
Needs Answer

Hola Equipo Geogebra


Tengo una duda, como puedo incluir gráficas en un accordion bootstrap sin que este se distorsione.


Adjunto una imagen de ejemplo con error


El siguiente link es un demo del problema:

https://s.codepen.io/anayarojo/debug/LKMrJV/XxrVwaOGgqpA

https://codepen.io/anayaroj...


Estaré al pendiente de sus comentarios

Saludos

Comments (3)

photo
1

I'm sorry, but I don't understand much your question, because the automatic translation is not very clear.

If you want to add an image to your activity, and don't want it to be distorted, the best way is to set it as background image (or fix the points that define its corners.)


I hope that I have understood your question.

photo
1

When I put the geogebra applet in an bootstrap accordion it not rendering correctly.


Nota: It's a topic with javascript.


Demo with the error:

https://codepen.io/anayaroj...

photo
photo
1

Ya encontré una solución:


Para que no se distorsione se debe de establecer un ancho y un alto directamente en el style al cargar la applet.


"appletOnLoad": function(ggb) {
      const element = $('#ggb-element-1');
      const toolbar = element.find('.toolbar');
      const undoRedoPanel = element.find('.undoRedoPanel');
      element.css({
        'display': 'block',
        'width': `${width}px`,
        'height': `${height}px`,
      });
      if(!toolbar.length || !undoRedoPanel.length) return;
      undoRedoPanel.css({
        'top': '1px',
        'left': `${toolbar.actual('width')}px`
      });
    }


Demo:

https://codepen.io/anayaroj...

© 2019 International GeoGebra Institute