Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin







e-mail: info@ari-soft.com
Shopping Cart
You currently have 0 items in your cart.
Show 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.
    more...

  • 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.
    more...


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?
ARI Soft Forum
WordPress plugins
ARI Stream Quiz

Multiple choice answers
(1 viewing) (1) Guest
"ARI Stream Quiz" WordPress plugin
Go to bottomPage: 1
TOPIC: Multiple choice answers
#71843
Multiple choice answers 3 Months 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?
taryaniksergey
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#71859
Re:Multiple choice answers 3 Months ago Karma: 748
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
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#71860
Re:Multiple choice answers 3 Months ago Karma: 0
Great))
Thank you very much!
taryaniksergey
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#71861
Re:Multiple choice answers 3 Months ago Karma: 0
taryaniksergey
User Offline Click here to see the profile of this user
Last Edit: 2024/03/31 13:29 By taryaniksergey.
The administrator has disabled public write access.
 
#71862
Re:Multiple choice answers 3 Months 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
taryaniksergey
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#71872
Re:Multiple choice answers 3 Months ago Karma: 748
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
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
ARI Soft Forum
WordPress plugins
ARI Stream Quiz
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009