Tell us what you are trying to do?
Hi, I want to put search form on one page (without displaying the unfiltered list of post). Once I hit the submit button, I want the result to display (i.e. list of filtered posts) on the same page below the search form.
Is there any documentation that you are following?
I have checked but i did not find anything useful.
Is there a similar example that we can see?
No.
What is the link to your site?
hidden link
When your View features a Submit Button, wether AJAX or not, you can split the View into the same page as results target or a new page.
When your View has no Submit button but uses the AJAX updated results when any filter values changes, then you can insert the View only either entirely or split on the same page as the search form is.
Hence, your goal is possible to achieve by creating a View, setting a Search and Pagination Filter, using "AJAX results update when visitors change any filter values", and complete the Loop.
Then head to a page, insert the View and choose "Only the search form" in the "Custom search settings".
Insert the ShortCode and now insert the rest of the vie elsewhere on this page.
It looks like this after:
[wpv-form-view name="the-view" target_id="self"]
[wpv-view name="the-view" view_display="layout"]
The results will however not hide initially.
For that, you could for example apply Custom JavaScript that hides/opens a DIV, where the entire results View ShortCode is hidden in, which listens to the URL parameters of your view.
If they are not empty, show the DIV, otherwise hide it.
Thats however, custom code that we cannot help with.
If you need assistance for this I can recommend this people:
https://toolset.com/contractors/