Skip to content Skip to main navigation Skip to footer

Customize button text

Welcome to QSM Support Forum. Forums QSM Pro Support Customize button text

Tagged: 

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #2837
    Tim WTim W
    Participant

    Hi,

    When accessing a quiz the quiz normally displays ok and so the function of the “load quiz” button appears uncertain. I have noticed that clicking it will load a partially completed quiz, which seems like a good feature to have if your browser crashed for example.

    If the quiz is new and loads correctly, it is confusing some users as to why they would need to click “load quiz”
    If they retake a survey and it says “retake quiz” then that makes sense.

    Here are my two questions:
    1. If I want to call my quiz a “survey” (rather than a quiz), is there a way to change the button text to say “Load Survey” or “Retake survey”?
    2. Is it possible to customize or hide the “Load Quiz” button text?

    Thanks
    Tim

    Attachments:
    You must be logged in to view attached files.
    #2849
    Kriti SharmaKriti Sharma
    Keymaster

    Hi there,

    Welcome to QSM Pro Support forum. Hope you are doing well.

    Please expect a little delay as I am not feeling well today. I will be back to you soon.

    Regards,
    Kriti

    #2868
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Tim,

    “If the quiz is new and loads correctly, it is confusing some users as to why they would need to click “load quiz””.

    I will forward your response to the development team.

    Now, regarding your questions:

    1. It is not possible to change the button text to say “Load Survey” or “Retake survey”.
    2. It is also not possible to customize the “Load Quiz” button text. But you can hide it using the custom Css.

    Thanks
    Kriti

    #2869
    Tim WTim W
    Participant

    Hi Kriti, thanks for your response.

    Could you let me know the custom CSS to hide the button?
    Thanks
    Tim

    #2881
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Please share the quizz’s url with me so that I can help you with the css code.

    Regards,
    Kriti

    #2897
    Tim WTim W
    Participant

    Hi Kriti, I created a new quiz on a development system and the load quiz butting does not show?

    Is that button showing due to a QSM addon plugin or is it to do with settings on the quiz.

    My test quiz is here…

    A Test quiz

    Thanks

    Tim

    #2900
    Kriti SharmaKriti Sharma
    Keymaster

    Yes Tim, Load Quiz button appears with the Qsm addon- Save and Resume.

    Regards,
    Kriti

    #2905
    Tim WTim W
    Participant

    Hi Kriti, ok now I understand. I installed the plugin and thye button is showing.

    A Test quiz

    Could you please let me know the CSS to hide the “Load quiz” button, so that for example just the retake button can be displayed?

    Thanks
    Tim

    #2918
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Tim,

    Please use the following CSS:

    .qsm-resume-quiz{
    display: none;
    }

    Regards,
    Kriti

    #2924
    Tim WTim W
    Participant

    Hi Kriti, thanks for the CSS. I presume that the “retake” button will also not display either?

    Tim

    #2925
    Tim WTim W
    Participant

    ….actually, I just did a test and the “retake” button still works.

    Thanks for your help with this.

    Tim

    #2926
    Kriti SharmaKriti Sharma
    Keymaster

    Retake quiz button is enabled from the ‘Options’ tab. Please disable it from there if you don’t want it on your quiz.

    Regards,
    Kriti

    #5332
    Nacron ProductionsNacron Productions
    Participant

    Hi,
    I found this topic because I was looking for the same thing. Figured out how to change the save/load buttons using CSS. Just input this in your CSS for your site and it should change the text. One stipulation is that you must change both or the original button would be slightly higher on the page than the modified button.

    .qsm-resume-quiz {
    text-indent: -9999px;
    line-height: 0;
    }
    .qsm-resume-quiz:after {
    content: “Load Survey”;
    text-indent: 0;
    display: block;
    line-height: initial;
    }
    .qsm-save-quiz {
    text-indent: -9999px;
    line-height: 0;
    }
    .qsm-save-quiz:after {
    content: “Save Survey”;
    text-indent: 0;
    display: block;
    line-height: normal;
    }

    #5333
    Nacron ProductionsNacron Productions
    Participant

    Here’s what it looks like

    #5334
    Nacron ProductionsNacron Productions
    Participant

    Here’s what the button looks like

    Attachments:
    You must be logged in to view attached files.
Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.