Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #301203 Score: 0
    Profile photo of stevesheridan
    stevesheridan
    Member
    curious george
    beginner
    intermediate
    @stevesheridan

    When using Hot Spot questions, is there a way to make the hot spot outline transparent?

    #301226 Score: 2
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    202 pts
    @Klaatu

    Well, if I am understanding you correctly, one way to accomplish this would be to add an external CSS sheet with a class such as:

    .myClass{

    border:0 !important;

    }

    Then find out the HTML name of the hotspot (such as radio51) and add myClass in its appearance tab (click the little arrow in the bottom right). You can add the same class to all of the hotspots and then none will show when selected. Note that unless you are using immediate feedback the participant wont be sure that they even made a selection. See attachment.

    Hope this helps.

    Darrel

     

    This post has received 2 votes up.
    Attachments:
    1. hotspot.zip
    #301277 Score: 2
    Profile photo of Sergey Snegirev
    Sergey Snegirev
    Member
    contributor
    intermediate
    advanced
    friend finder
    lab member
    junior moderator
    advocate
    LUC16
    LUC16 Attendee
    wise owl
    339 pts
    @ssneg

    Add External HTML object to the page. Set it to META TAGS type. Paste the following code in it:

    <style>
    #radio44, #radio45, #radio46 {
    border: none !important
    }
    </style>

    Replace “radio44” with whatever HTML name your hotspots have. To find out their names, select the hotspot element in title explorer, click Properties tab, click little arrow in the corner of Radio section on the left.

    This post has received 2 votes up.
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.