CodeCharge Studio
search Register Login  

Visual PHP Web Development

Visually Create Internationalized Web Applications, Web Reports, Calendars, and more.
CodeCharge.com

YesSoftware Forums -> CodeCharge Studio -> IDE/GUI

 A Dynamic Hide/Show Button For Screen Objects

Print topic Send  topic

Author Message
Suntower

Posts: 225
Posted: 09/08/2006, 8:12 PM

Not wanting to always take and not give... this is my first 'tip' for other newbies. I didn't see this solution here (probably because Walter wasn't about to point it out).

What I need on many pages is a Search form along with the grid below. But users were complaining that they wanted to turn the Search 'off' (hide it).

I struggled and struggled for an hour trying to figure an easy way to do this and then this stupid solution hit me...

1. Create a link called ShowControl. Leave the href blank. In REMOVE PARAMETERS, enter 'SHOW_SEARCH'. Make sure it's marked as Dynamic in the Visible property.

2. Create a link called HideControl. Again, leave the href blank. In the PARAMETERS menu, add a parameter SHOW_SEARCH=FALSE. Make sure it's marked as Dynamic in the Visible property.

3. In the Before_Page_Show event, put in the following code:

IF CCGETPARAM("SHOW_SEARCH","") = "FALSE" THEN
SODETAILSSearch.Visible = FALSE
HideSearch.Visible = FALSE
ShowSearch.Visible = TRUE
ELSE
SODETAILSSearch.Visible = TRUE
ShowSearch.Visible = FALSE
HideSearch.Visible = TRUE
END IF

That's it. From the user's standpoint there is a single 'button' to push to show/hide the Search Window. Maybe there's an even easier solution, but this is pretty quick. If there's an even better way, PLEASE let me know. But for now, I can only wish that this sort of thing could be turned into a 'Wizard' so I could apply it to all forms with one click.

HTH someone

---JC
_________________
---On a campaign for more examples and better docs!
View profile  Send private message
Benjamin Krajmalnik
Posted: 09/12/2006, 10:14 AM

I do it slightly differently.
I have a "pull down" button on the search grid, and using JS I either expand
it or contract it.
This is on the latest apps. On the previous set of apps I use an xp style
tab pane. One is "Show Search", the other "Hide Search".

"Suntower" <Suntower@forum.codecharge> wrote in message
news:44502310bba92b@news.codecharge.com...
> Not wanting to always take and not give... this is my first 'tip' for
> other
> newbies. I didn't see this solution here (probably because Walter wasn't
> about
> to point it out).
>
> What I need on many pages is a Search form along with the grid below. But
> users
> were complaining that they wanted to turn the Search 'off' (hide it).
>
> I struggled and struggled for an hour trying to figure an easy way to do
> this
> and then this stupid solution hit me...
>
> 1. Create a link called ShowControl. Leave the href blank. In REMOVE
> PARAMETERS, enter 'SHOW_SEARCH'. Make sure it's marked as Dynamic in the
> Visible property.
>
> 2. Create a link called HideControl. Again, leave the href blank. In the
> PARAMETERS menu, add a parameter SHOW_SEARCH=FALSE. Make sure it's marked
> as
> Dynamic in the Visible property.
>
> 3. In the Before_Page_Show event, put in the following code:
>
> IF CCGETPARAM("SHOW_SEARCH","") = "FALSE" THEN
> SODETAILSSearch.Visible = FALSE
> HideSearch.Visible = FALSE
> ShowSearch.Visible = TRUE
> ELSE
> SODETAILSSearch.Visible = TRUE
> ShowSearch.Visible = FALSE
> HideSearch.Visible = TRUE
> END IF
>
> That's it. From the user's standpoint there is a single 'button' to push
> to
> show/hide the Search Window. Maybe there's an even easier solution, but
> this is
> pretty quick. If there's an even better way, PLEASE let me know. But for
> now, I
> can only wish that this sort of thing could be turned into a 'Wizard' so I
> could apply it to all forms with one click.
>
> HTH someone
>
> ---JC
> _________________
> ---On a campaign for more examples and better docs!
> ---------------------------------------
> Sent from YesSoftware forum
> http://forums.codecharge.com/
>

Suntower

Posts: 225
Posted: 09/12/2006, 12:44 PM

Quote Benjamin Krajmalnik:
I do it slightly differently.
I have a "pull down" button on the search grid, and using JS I either expand
it or contract it.
This is on the latest apps. On the previous set of apps I use an xp style
tab pane. One is "Show Search", the other "Hide Search".

Can you give an example of this code?

Thanks!

---JC
_________________
---On a campaign for more examples and better docs!
View profile  Send private message
Benjamin Krajmalnik
Posted: 09/13/2006, 11:28 AM

If I use the tabpane.js from http://webfx.eae.net/dhtml/tabpane/tabpane.html
then :

<div class="tab-pane" id="Search">
<div class="tab-page">
<h2 class="tab">Hide Search</h2>
Please click on the Show Search tab to enable advanced searching
</div>

<div class="tab-page">
<h2 class="tab">Show Search</h2>
</div>
Here goes the code that you generated with the search builder
</div>

You need to include the tabpane.js and the associated style sheet.

The other method simply places the content under the seacrh table header
insode a div. We place an image on there, and show.hide the div
accordingly.
If you send me your e-mail address to kraj at illumen dot com I will be
happy to send you an example, since it is a bit more comlpex than the above.

Or, if you want I can set up a GoToMeeting session and show you.

annette
Posted: 10/23/2006, 7:53 AM

Quote Suntower:
Not wanting to always take and not give... this is my first 'tip' for other newbies. I didn't see this solution here (probably because Walter wasn't about to point it out).

What I need on many pages is a Search form along with the grid below. But users were complaining that they wanted to turn the Search 'off' (hide it).

I struggled and struggled for an hour trying to figure an easy way to do this and then this stupid solution hit me...

1. Create a link called ShowControl. Leave the href blank. In REMOVE PARAMETERS, enter 'SHOW_SEARCH'. Make sure it's marked as Dynamic in the Visible property.

2. Create a link called HideControl. Again, leave the href blank. In the PARAMETERS menu, add a parameter SHOW_SEARCH=FALSE. Make sure it's marked as Dynamic in the Visible property.

3. In the Before_Page_Show event, put in the following code:

IF CCGETPARAM("SHOW_SEARCH","") = "FALSE" THEN
SODETAILSSearch.Visible = FALSE
HideSearch.Visible = FALSE
ShowSearch.Visible = TRUE
ELSE
SODETAILSSearch.Visible = TRUE
ShowSearch.Visible = FALSE
HideSearch.Visible = TRUE
END IF

That's it. From the user's standpoint there is a single 'button' to push to show/hide the Search Window. Maybe there's an even easier solution, but this is pretty quick. If there's an even better way, PLEASE let me know. But for now, I can only wish that this sort of thing could be turned into a 'Wizard' so I could apply it to all forms with one click.

HTH someone

---JC
;-) ;-)
Tere Cristerna
Posted: 12/14/2006, 8:58 AM

Hi!

I was reading your messages, and I want to do something similar.

I have 2 kind of searchs, both were created with their respective builder. What I want to do is to hide the second search, and just the first one be visible, and add a button that allow me to see the second search every time I click this button.

I've tried a lot with the show-hide method, but I really can't do it. I have troubles with the parameters fields (parameter1 and parameter2).

Could you help me with that?
marcwolf


Posts: 361
Posted: 01/16/2007, 6:44 PM

Hi All

Comming from a Visual Basic and Rich User Interface background it gives me a lot of joy to see people working at making the user interface (and experience) an enjoyable experience.

For a long while the web has been stuck in the era of Pages Terminal (Yes I remeber back that far) where the page has to be sent back in its entirity for any processing. Folks were told that anything more was not possible.

Making websites that are both intelligent, easy to use, and also have a lot of features for helping the user should be the goal of most web developers.

Great Work All

_________________
' Coding Coding Coding
Keep Those Keyboards Coding.
Raw Code!!!!!!!
View profile  Send private message

Add new topic Subscribe to topic   


These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit http://support.yessoftware.com.

MS Access to Web

Convert MS Access to Web.
Join thousands of Web developers who build Web applications with minimal coding.

CodeCharge.com

Home   |    Search   |    Members   |    Register   |    Login


Powered by UltraApps Forum created with CodeCharge Studio
Copyright © 2003-2004 by UltraApps.com  and YesSoftware, Inc.