Si tienes conocimientos de JavaScript, puedes utilizar el editor de temas de TalentLMS para personalizar el cuadro de diálogo que aparece cada vez que un usuario completa un curso.

Para modificar la ventana emergente de finalización del curso, sigue estos pasos:

1. Inicia sesión en tu cuenta de TalentLMS como Administrador y ve a Inicio > Cuenta y Ajustes.
2. Ve a la pestaña Temas y, en el menú desplegable Tema, elige tu tema activo.
3. Ve a la pestaña de Javascript.
4. En el área de código, añade tu código JavaScript personalizado.

En primer lugar, pega el código que busca el evento show para el modal:

$('#tl-course-completed-modal').on('show.bs.modal', function (event) {  

  var modal = $(this);  

});

A continuación, modifícalo en función de lo que deseas hacer. Por ejemplo, aquí hay algunas modificaciones básicas:

• Cambiar la imagen predeterminada con una imagen extraída desde una URL externa

$('#tl-course-completed-modal').on('show.bs.modal', function (event) {  

  var modal = $(this); 

  modal.find('img').attr('src', 'your_new_image_url');

});

• Cambiar el encabezado

$('#tl-course-completed-modal').on('show.bs.modal', function (event) {  

  var modal = $(this); 

  modal.find('h1').html('your_ new_header_text');

});

• Cambiar el subtítulo

$('#tl-course-completed-modal').on('show.bs.modal', function (event) {  

  var modal = $(this); 

  modal.find('h2').html('your_new_subtitle_text');

});

• Combinar todos tus cambios en un solo bloque de código

$('#tl-course-completed-modal').on('show.bs.modal', function (event) {  

  var modal = $(this); 

  modal.find('img').attr('src', 'your_new_image_url');

  modal.find('h1').html('your_ new_header_text');

  modal.find('h2').html('your_new_subtitle_text');

});

• Evitar que se muestre la ventana emergente de finalización del curso

$('#tl-course-completed-modal').on('show.bs.modal', function (e) {

  e.preventDefault();

});

5. Haz clic en Actualizar para guardar los cambios.