Jump to content
  • 0
telepet

Possible to add "Reset Search" button next to "Search" buton?

Question

I've added a "Reset Search" button in a search page and wonder if it's possible to have the "Reset Search" button be on the same line as the "Search" button.  I'm looking for something like figure A in the attached image.

 

I know how to add an additional "Search" button thanks to this thread and I've come up with this code:

<div align="center">
	<input class="cbSearchButton" id="searchID1" name="searchID" type="submit" value="Search" />

<input class="resetButton" onclick="window.location='[my_URL]'" type="button" value="Reset Search" />
</div>

However, though the above looks like what I'd like, I would then need a way to hide the original "Search" button, which I don't believe would be possible.

oneLineSearchAndResetSearch.jpg

Share this post


Link to post
Share on other sites

5 answers to this question

Recommended Posts

  • 1

Hello telepet,

On 11/14/2017 at 2:29 PM, telepet said:

It seems like the cbSearchButton class has a dynamically generated suffix preventing a hard coded script from consistently hiding it.

1

Please note that Search button can be referenced by id "searchID" and this id is not dynamic.

You can use following script to hide the Search button:

<script>
document.getElementById("searchID").style.visibility = "hidden";
</script>

You can find the id for referencing Caspio standard buttons in the following topic.

Hope this helps.

Share this post


Link to post
Share on other sites
  • 0

I've been exploring the possibility of adding a script in the header and/or footer that "hides" the Search button but not having much luck yet.  It seems like the cbSearchButton class has a dynamically generated suffix preventing a hard coded script from consistently hiding it.

 

Here's an example of what I've tried so far:

 

<script>
document.getElementById("[cbSearchButton]")[0].style.visibility = "hidden";
</script>

 

 

 

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...