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 22 total)
1 2
  • Author
    Posts
  • March 25, 2020 at 5:05 pm #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.
    March 26, 2020 at 9:12 am #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

    March 27, 2020 at 9:27 am #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

    March 27, 2020 at 9:45 am #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

    March 27, 2020 at 4:27 pm #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

    March 28, 2020 at 10:47 am #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

    March 28, 2020 at 6:22 pm #2900
    Kriti SharmaKriti Sharma
    Keymaster

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

    Regards,
    Kriti

    March 29, 2020 at 10:56 am #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

    March 30, 2020 at 5:55 am #2918
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Tim,

    Please use the following CSS:

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

    Regards,
    Kriti

    March 30, 2020 at 9:02 am #2924
    Tim WTim W
    Participant

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

    Tim

    March 30, 2020 at 9:06 am #2925
    Tim WTim W
    Participant

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

    Thanks for your help with this.

    Tim

    March 30, 2020 at 10:35 am #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

    September 19, 2022 at 9:25 pm #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;
    }

    September 19, 2022 at 9:30 pm #5333
    Nacron ProductionsNacron Productions
    Participant

    Here’s what it looks like

    September 19, 2022 at 9:31 pm #5334
    Nacron ProductionsNacron Productions
    Participant

    Here’s what the button looks like

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