0

Disable close button on a target page

560 0 2
Posted   9 months ago

I'm currently building an activity that uses target pages for a number of multiple choice questions. I would like to disable the "close" button in the top right corner so that learners must answer the question rather than exiting the window. The Music Pro (Jeopardy Style Game) is very similar and it looks like those target pages have the close button disabled. I've looked through all of the settings and can't seem to find an option to disable this. Is this something that needs to be disabled through JS?

 

Comments

( 0 )

Answers  ( 2 )

1
avatar Laura Bertrand   |    
Posted   9 months ago

Below are the steps to make this change. 

Step 1: In the Theme Designer select Add CSS, and add the following css:

.fancybox-close { display:none !important;}

 

Step 2: Apply the following code to the new Close Button(s) using the Action Execute Javascript

(when clicked, execute javascript) insert code below:

$(".fancybox-close").trigger("click")

Comments

( 0 )
0
avatar Paul Schneider   |    
Posted   9 months ago

This is a theme CSS change. If you download the Jeopardy Sample from the marketplace and then edit the theme and click on the add CSS you will see one line.

.fancybox-close { display:none !important;}

This targets that specific object and hides it. You can do the same for your theme, but keep in mind it will hide it for all cases when that theme is used in any project.

 

Comments

( 0 )