nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

setReadOnly(true) to only some of the options in a checkbox item

Abishk

Hi Everyone,
-->I have a DCT with a container "Main" and an item called "Access" which is a checkbox with 3 options named "A", "Branch" and "Online".
-->My requirement is On select of "A", both "Branch" and "Online" should become ReadOnly.And on unchecking "A" both "Branch" and "Online" should come back to not ReadOnly state.
-->i have referred TeamSite FormAPI Reference Guide and i am using the OnItemChange event:-
IWEventRegistry.addItemHandle("/Main/Access","OnItemChange",checkBox);
-->I have got the name of the option by using:-
newOptions=IWDatacapture.getItem("/Main/Access").getOptions();
alert(newOptions[1].item);
-->I have even got the value of the selected checkbox by:-
var val = obj.getValue();

obj.setReadonly(true);//Sets all checkboxes as readonly
-->But i dont know how to get only "Branch" and "Online" checkboxes to become readonly and not the "A"..
I'll be really thankful if anyone can help...

Find more posts tagged with

Comments

ISCBorisB

I have [...] an item "Access" which is a checkbox with 3 options.
On select of "A", both "B" and "O" should become ReadOnly. On unchecking "A" both "B" and "O" should come back

You can not do that, not strictly within FormAPI anyway.

Instead you can create two checkbox Item, oh say Access0 and Access1. Use "rowcontinue" attribute to align
Acees0/Access1 horizontally if that's what you want. On the Access0 toggle you'd switch Access1 visibility on/off, etc

Frankly, the whole idea seems half-baked. The Set of possible check box states (eight in all, from 000 to 111) is absolutely
identical, with or without "Read-Only". For example, I can unselect A, set B and O anyway I wish and then re-select A.
What's the point?

Adam Stoller

Following along Boris' response - is it really readonly that you're looking for, or selection / deselection?

I.e.:
If I select "A", then "B" and "O" should become unselected.
If "A" is selected and either "B" or "O" gets selected, then "A" should be unselected.

If that's the model you're looking for - then an onItemChange handler that determines the change in state from the previous state and then iterates through the items in the list and marks them selected or unselected accordingly would probably do the trick - no?

Migrateduser

While this won't grey the boxes out it will remove the 2nd and 3rd option, which will prevent them from selecting the other two options when the first one is checked. Or you could modify it to keep the other 2 options, but force them to be checked or unchecked (depending on your requirements).

[PHP]

[/PHP]

[PHP]

IWEventRegistry.addItemHandler("/abc","onItemChange", hideCheckBoxes);

function hideCheckBoxes(item)
{

newOptions = new Array();

var dtValue = item.getValue();

if(dtValue[0]=='0'){
newOptions[0] = new Option("Gold", "Gold", true, true);
IWDatacapture.getItem("/abc").setOptions(newOptions);
}else{
if(item.getOptions()[2]==null){
newOptions[0] = new Option("Gold", "Gold", false, false);
newOptions[1] = new Option("Silver", "Silver", false, false);
newOptions[2] = new Option("Bronze", "Bronze", false, false);
IWDatacapture.getItem("/abc").setOptions(newOptions);
}
}
[/PHP]

Pawan

Why not have a radio button instead?
This is just a thought based on your requirement.

Migrateduser

I am assuming that that is the reason Abishk is using a checkbox because the user needs may need to select both "Branch" and "Online". But if not, then your solution of a radio button would work well. Maybe even a dropdown with some FormAPI code would be able to satisfy the requirement.

Abishk

Why not have a radio button instead?

I am assuming that that is the reason Abishk is using a checkbox because the user needs may need to select both "Branch" and "Online".

You are absolutely right taalgaard, the flexibility given to the user for choosing both "branch" and "Online" is my reason of going ahead with checkbox and not radio button. And your example matches absolutely with my requirement. thanks taalgaard.
and thanks everyone.

image.png

Pawan

You are absolutely right taalgaard, the flexibility given to the user for choosing both "branch" and "Online" is my reason of going ahead with checkbox and not radio button. And your example matches absolutely with my requirement. thanks taalgaard.
and thanks everyone.

Now thats what I wanted to hear from you, the actual requirement!

Hi Everyone,
-->I have a DCT with a container "Main" and an item called "Access" which is a checkbox with 3 options named "A", "Branch" and "Online".
-->My requirement is On select of "A", both "Branch" and "Online" should become ReadOnly.And on unchecking "A" both "Branch" and "Online" should come back to not ReadOnly state.
-->i have referred TeamSite FormAPI Reference Guide and i am using the OnItemChange event:-
IWEventRegistry.addItemHandle("/Main/Access","OnItemChange",checkBox);
-->I have got the name of the option by using:-
newOptions=IWDatacapture.getItem("/Main/Access").getOptions();
alert(newOptions[1].item);
-->I have even got the value of the selected checkbox by:-
var val = obj.getValue();

obj.setReadonly(true);//Sets all checkboxes as readonly
-->But i dont know how to get only "Branch" and "Online" checkboxes to become readonly and not the "A"..
I'll be really thankful if anyone can help...

If you want to make other options ReadOnly on checking the first item, how do you expect the user to still be able to select another checkbox. Unless, you want the user to check either/bothof the options "Branch" and "Online".
Can you please explain a bit more on your requirement or correct me if I have understood it wrong.

Migrateduser

He wants to have the user unselect the first option which then allows them to be able to select the 2nd and 3rd. If they ever select the 1st, then the other two options should unselect and be unselectable (or in the case of my code disappear). He could change it up if desires and make the 2nd and 3rd option stick around. However, making them stick around and not be selectable is confusing to the user unless he can make them grayed out (which he can't) Making the 2nd and 3rd option disappear is not quite as confusing to the user in this case.

Heck, maybe there's a better solution, but if it works for him, then go for it.

image.png

Pawan

He wants to have the user unselect the first option which then allows them to be able to select the 2nd and 3rd. If they ever select the 1st, then the other two options should unselect and be unselectable (or in the case of my code disappear). He could change it up if desires and make the 2nd and 3rd option stick around. However, making them stick around and not be selectable is confusing to the user unless he can make them grayed out (which he can't) Making the 2nd and 3rd option disappear is not quite as confusing to the user in this case.

Heck, maybe there's a better solution, but if it works for him, then go for it.

May be you know the requirement better than "Abishk" or you can express it better Smiley Happy

Anyways, I was just curious that we can have nine combination with three options. But here there seems to be only four combination i.e.

1. Check A
2. Check B (may be)
3. Check C (may be)
4. Check B and C

(Assuming three checkboxes A, B and C)
If this is the case then, you are right taalgaard.

Abishk

Heck, maybe there's a better solution, but if it works for him, then go for it.

This is exactly what i did.. thanks everyone..