Result Page In A Pop Up Window

[Master]

How can I open result page in a pop up window?

[MayMusic]

1. Create your search and result pages in two different pages as described here http://howto.caspio.com/tech-tips-and-articles/parameters/how-to-separate-search-page-and-results-page-into-two-different-webpages/

 

1. In Configure Fields screen of the search page add Hear/Footer to create your customized button using the code below in the Footer:

<input type="button" value="Search" onClick="gotoreport();">

<script language="javascript" type="text/javascript">

function gotoreport() { var URL =  "URL OF THE REPORT PAGE?PARAMNAME=" + document.getElementById('FIELD ID').value + "& PARAMNAME=" + document.getElementById('FIELD ID').value;
          newwindow=window.open(URL,'name','height=200,width=150');
          if (window.focus) {newwindow.focus()}
          return false;
}
</script>

You need to replace URL OF THE REPORT PAGE with URL of the report page and PARAMNAME with the parameter name you are receiving in the report page in Configure Filtering Fields screen as described in the tutorial. Also FIELD ID with the real field ID.

 

To hide the original submit button you can either add display:none; to .cbSubmitButton in the style you are using for this page or add a Header to the page and use:

<style>
#Submit{
display:none;
}
</style>

[Kurumi]

Hi @Master,

You can now easily create a pop-up window, you might check this article: https://howto.caspio.com/tech-tips-and-articles/common-customizations/how-to-generate-link-menus-and-popup-windows/

I hope this helps!

[cheonsa]

Hello!

Just wanted to share with you this new video from Caspio wherein they illustrate how to use modal in your applications. Instead of pop up, you can use modal for a better display.