- Posts: 42
- Thank you received: 0
disable a value in field, list type
- webatwork
- Topic Author
- Offline
- Senior Member
-
- Tuan Pham Ngoc
- Offline
- Administrator
-
- James Riley
-
- Offline
- Platinum Member
-
- James Riley
-
- Offline
- Platinum Member
-
6 years 2 days ago - 6 years 2 days ago #112226
by James Riley
James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.
Replied by James Riley on topic disable a value in field, list type
Here is what I did. The first and second lines have their default html checkboxes hidden via CSS and are technically still selectable, but the user never sees the checkbox change. This was set up as a fee field, with fee values of 0 (zero) on the first 2 options and price increase on the next 2 options.
My options looked like this:
My Custom Field checkbox was named "LentConf_RegistrationOptions" and "value" set to:
And my EB -> Configuration -> Custom CSS was:
The whole solution was a little complex, but it work fine for me.
My options looked like this:
My Custom Field checkbox was named "LentConf_RegistrationOptions" and "value" set to:
Code:
Conference Registration: <em>$90</em><i class="fa fa-check-square-o" aria-hidden="true"></i>
<em class="makeItAPackage">Make it a package!</em>
include All Meals: <em>$45 (+ $2.70 PST*)</em>
include Accommodations (shared room): <em>$60 (+ $3.60 PST*)
And my EB -> Configuration -> Custom CSS was:
Code:
#LentConf_RegistrationOptions em{
color:#4E6D8B; font-weight:400;
}
#LentConf_RegistrationOptions1, #LentConf_RegistrationOptions2, [id^=LentConf_RegistrationOptions_1], , [id^=LentConf_RegistrationOptions_2]
{
display:none;
}
#LentConf_RegistrationOptions {
padding-left:10px;
}
#LentConf_RegistrationOptions i,
[id^=LentConf_RegistrationOptions_] i {
float: left;
display: block;
margin-right: 0.2em;
font-size: 1.2em;
color: #999;
position: relative;
top: 0.2em;
cursor:not-allowed;
}
em.makeItAPackage {
display:block;
margin-top:5px;
color:#4E6D8B;
font-weight:bold !important;
}
The whole solution was a little complex, but it work fine for me.
James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.
Last edit: 6 years 2 days ago by James Riley. Reason: fix css code
Please Log in or Create an account to join the conversation.
- James Riley
-
- Offline
- Platinum Member
-
- Uugankhuu
- Offline
- New Member
-
- Tuan Pham Ngoc
- Offline
- Administrator
-
Moderators: Tuan Pham Ngoc