Conditional Button Text

[forskare]

Would someone please point me towards the location for setting the text on a button so that at first, it would say 'Open' and after clicking the button, it says 'Close'?

[Steve Workings]

Re: Conditional Button Text

Ken - I presume you want the button action to be a little different in each state as well?

Sometimes it's most convenient to have 2 buttons. One to Open, one to Close. Put each of them in their own container, and show/hide the appropriate container with the appropriate condition.

[forskare]

Re: Conditional Button Text

Hi Steve,

Yes, sometimes it is but this is not one of them. This is a button on a grid that opens a container just as the +/- does for linked grids. Then the + is clicked, it turns into a -. Click this button to view the container and click it again to close the container. It's a feature I really like and is much handier to use than the + or -. What's nice is that it saves creating a grid. If you or anyone else knows how to do this, I would appreciate a bit of knowledge.

[Davidk]

Re: Conditional Button Text

I'd do this with a bit of Javascript...

var ele = {dialog.object}.getPointer('BUTTON_2');
if (ele.innerHTML == "Open"){
	ele.innerHTML = "Close";
	} else {	
		ele.innerHTML = "Open";
	}

The Button Text would be Open.

[forskare]

Re: Conditional Button Text

Hi David,


This is based on video M15 along with the javascript, Toggle display of a container or DIV with animation. It works quite well. The only addition to the script would be to change the text on the button to reflect which state of the toggle. Anyhow, a couple of questions;

1. Should there be two (2) = in lines 3 & 4 or should there be one (1) in line 2 or is this the correct usage of the = mark/sign? This is a button which toggles a container in the grid just as the + and - icons do.

2. I copied and pasted the code in the onShowCompleteJavascript part of the button Toggle event. I also tried it in the ClientSide onBlur event. As questioned, I tried all three varieties using the = . Should the code be placed in another location or could there be an error in the code?

Attached are the buttons onClick event properties.

I ran the script in the InterActive window and it says there is a '.' missing on line 26. LOL, where would that be?