Hide new record form when detail section appears

[brucepeaslee]

I have a data page where I have included a new record form at the bottom. I would like this to be hidden (or just not be there at all) when I click on "Details".

[MayMusic]

When deploying page you can select the deploy method. In your case for the submission page you need to select Frame from the Method dropdown in Deploy DataPage wizard. The deploy code is in this format:
 

<iframe name="user Search and Report"  title="user Search and Report" src="http://b3.caspio.com/dp.asp?AppKey=c82f1000f4df4ed075d2400a">Sorry, but your browser does not support frames.</iframe>

Then you can open your report page in design mode and navigate to Configure Result Page Fields screen, add a footer (http://howto.caspio.com/datapages/form-%20...%20locks.html) using the insert button and paste the frame deploy code in here.

Is it clear :?: :?: :?:

[MayMusic]

I am not sure, but it seems like you have a submission page in the same web page where you have a report page and you would like to hide the submission page in the details page. If that is the case you can try to deploy the DataPage using the iframe deploy code in the footer of the report page at "Configure Result Page Fields" screen. To add a Footer click on the insert button: http://howto.caspio.com/datapages/form- ... locks.html

[brucepeaslee]

That's the problem, but I do not understand your suggestion.

[brucepeaslee]

Looks easy - I'll give it a try.

Thanks.

[brucepeaslee]

This works well and looks cool. The only remaining issue is how to get the data page to refresh. I have had some success, but the page refreshes inside the the frame

Thanks again.

[JasonFerguson]

Depending on how your deploying your datapages, this is how I have been doing it.

PHP/HTML Page: report.php, details.php

Datapage: Report, Details, Submission

For your Report data page, enable parameters. Make the last form element in the "results" section an HTML block containing a full link to your details.php page, pass along a unique identifier so later the Details data page knows which record to pull. Set the Details Page to be "No Details Page". Deploy your report and your submission datapage into report.php

Example of the URL would be:

https://mydomain.com/details.php?ID=[@field:InternalID]

For your Details data page. Enable parameters and Filter by Pre-Defined Criteria (Bridge and external Parameters). For the filter criteria, filter your element where the Comparison type is Equal and the value is the parameter your passing in the Report data page (for my example the value would be [@InternalID]

TLDR; Deploy your Report and Submission datapage into the same PHP document. Pass the link record ID from the Report listing to the details datapage.

Hopefully that makes sense.

[brucepeaslee]

Jason,

It does make sense and I was using something similar before. I stopped using this method because the pages differ based on who is logged in. It was becoming too complicated (for my poor mind anyway). The submit form is now tucked away nicely in a frame. It can be edited in one spot.

The funny thing is that I have figured out that I no longer want the datapage to refresh as the submissions are subject to approval by admin before the are shown. It would be nice for this to happen on the admin pages, but it is not important - they can just push F5. I'm still looking for an answer that fits my situation as newer projects may benefit and I can use the education.

Thanks for responding.

[bahar_vm]

I agree with the method Jason suggested. The one-to-many implementation example at http://howto.caspio.com/parameters/in-action/in-action-one-to-many-relational-datapages.html may provide a better insight of this deployment method. However if you still think iframe works better in your case, you can write a Java Script in the submission form inside the "destination after submission" message area to refresh the parent window. Try this script but I am not sure if the syntax is correct. You can Google it and find a Java Script code to refresh parent window.

window.parent.location.reload();

Or try this:

window.parent.reload();

Best,

Bahar M.