Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Multiple choice answers
(1 viewing) (1) Guest
"ARI Stream Quiz" WordPress plugin
Go to bottomPage: 1
TOPIC: Multiple choice answers
#71843
Multiple choice answers 2 Weeks, 3 Days ago Karma: 0
How to understand to the user where a question with one answer is, and where with more than one. In other programs, with the option with one answer, the choice looks like a radiobox icon, where more than one answer, the choice looks like a checkbox icon. In your program, how can the user understand which question is in front of him with one answer or more?
The administrator has disabled public write access.
 
#71859
Re:Multiple choice answers 2 Weeks, 1 Day ago Karma: 747
Add the following CSS rules to "Custom CSS styles" parameter on "ARI Stream Quiz -> Settings -> Advanced" page:

Code:


.ari-stream-quiz input[type="radio"] + label::before {
  display: none !important;
}

.ari-stream-quiz input[type="radio"] {
  appearance: none;
  border: 2px solid #000;
  border-radius: 50%;
  display: grid !important;
  place-content: center;
  opacity: 1 !important;
  width: 10px;
  height: 10px;
  width: 20px;
  height: 20px;
}

.ari-stream-quiz input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #000;
}

.ari-stream-quiz input[type="radio"]:checked::before {
  transform: scale(1);
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#71860
Re:Multiple choice answers 2 Weeks, 1 Day ago Karma: 0
Great))
Thank you very much!
The administrator has disabled public write access.
 
#71861
Re:Multiple choice answers 2 Weeks, 1 Day ago Karma: 0
Last Edit: 2024/03/31 13:29 By taryaniksergey.
The administrator has disabled public write access.
 
#71862
Re:Multiple choice answers 2 Weeks, 1 Day ago Karma: 0
One more question, for the sake of perfection, is it possible to align the radiobox in the center of the sentence. For example, the second question of the quiz?
And make them the same size as the checkbox (but they are probably the same)/

Sorry
The administrator has disabled public write access.
 
#71872
Re:Multiple choice answers 1 Week, 6 Days ago Karma: 747
Try to add the following CSS rules, but if it is not what you need could you provide an image with the desired result?

Code:


.ari-stream-quiz .quiz-question-answer-controls {
  position: relative;
}

.ari-stream-quiz input[type="radio"] {
  top: 1px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1