Control Bar Button List - Hide Single Button in List

[Adrian_]

Hi all,

Is there a way to hide a single button dynamically in a button list inside of a control bar?

I would like the presence of certain text in a form to enable a button in the control bar.

Thanks,
Adrian

[Davidk]

Re: Control Bar Button List - Hide Single Button in List

You mention 'hide' and 'enable', but I believe you want 'enable'. Hiding a button of a button list would look odd.

I'm can't quite see how getting the ControlBar object will help with this. Since the ButtonList is within the ControlBar, even though I can get the ControlBar, I can't see getting at the ButtonList... at least for the purposes of disabling one of it's buttons.

You can get the ButtonList directly doing this...

if(this.value=="test"){
	$('{dialog.ComponentName}.V.R1.CONTROLBAR_1.Buttonlist1.1').disabled = true;
}else{
	$('{dialog.ComponentName}.V.R1.CONTROLBAR_1.Buttonlist1.1').disabled = false;
}

Where CONTROLBAR_1 is your ControlBar name, Buttonlist1 is your ButtonList name, and the number (zero based) following Buttonlist1 is the number of a button in the ButtonList.

You'll need to pick the appropriate event for your Text Control. As a test I put the above code into a Text Control onKeyUp event. In my case I have 3 buttons defined... and they render as Buttonlist1.0, Buttonlist1.1, and Buttonlist1.2. In this test the middle button will be disabled if I type "test" into the Text Control... but will be enabled for anything else.

[Michael1954]

Re: Control Bar Button List - Hide Single Button in List

I think you just need multiple control bars. Then change control bar based upon the value. This is in a way like show hide.

On a naughty note can we get a pointer to the controlbar so we know which one is active?

[Adrian_]

Re: Control Bar Button List - Hide Single Button in List

Hi Michael,

Can multiple control bars be display horizontally beside each other in a panel footer though? Tried this yesterday to avail.

Thanks,
Adrian

[Michael1954]

Re: Control Bar Button List - Hide Single Button in List

You would not do it quite like that.

You can have 2 lines in a control bar.

So make multiple controlbars but only display one at a time.

Have a look at this

http://smg.datadrivensystems.co.uk/r...nel_layout.a5w

It changes control bars

[Adrian_]

Re: Control Bar Button List - Hide Single Button in List

Very nice!

I've been following David's example and have it working;

if(this.value=="test"){
$('{dialog.ComponentName}.V.R1.CONTROLBAR_1.Buttonlist1.1').disabled = true;
}else{
$('{dialog.ComponentName}.V.R1.CONTROLBAR_1.Buttonlist1.1').disabled = false;
}

Do you know if I can change the icon via something similar? i.e. instead of .disabled maybe .iconName?

[Michael1954]

Re: Control Bar Button List - Hide Single Button in List

No I am not sure how, David is a master. I would suggest that you embrace multiple control bars as they "recycle" your data, items etc. Since devcon 2016 I have tried hard to embrace the Alpha paradigm.

The viewbox and control bar are just fantastic.

[RichCPT]

Re: Control Bar Button List - Hide Single Button in List

If you wanted to hide a button in the button list, you could do like David said, but it would be like:

$('{dialog.ComponentName}.V.R1.CONTROLBAR_1.Buttonlist1.1').style.display = 'none';

The button list control is very flexible. However, the button list builder only scratches the surface and it omits some important properties that you can only get to by manipulating client-side.

To change the icon, inspect the DOM differences between two buttons that you temporarily hard-code with your desired icons in the buttonList builder and then use the $ syntax client-side to change the icon on the appropriate event.