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

Raul Martin Anaya Rojo shared this question 1 week 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

Files: Geogebra en acc...

The same question

Comments (3)

Simona Riva ● 1 week ago

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.

Reply URL

Raul Martin Anaya Rojo ● 1 week ago

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...

Files: Geogebra en acc...

URL

Raul Martin Anaya Rojo ● 1 week ago

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...

Reply URL