I've got a tabular datapage set to be responsive. Normally I use a toggle link to hide/show the Search form above the results (it's a better UX in that you can more easily style the overall page the datapage is deployed on). However, when set to Responsive it doesn't work anymore. I've tried to use the new methods for forms but it doesn't work.
This is what works if the datapage is not responsive:
The link on the host html page that shows/hides the Search form: <a class="btn page-action" href="#filter" data-toggle="collapse" style="color:green;"><i class="fa fa-filter" aria-hidden="true"></i> Filters</a>
In the Search form's header: <div id="filter" class="collapse" style="text-align:left">
In the Search form's footer: </div>
I've tried this but it doesn't work (using the same link to toggle):
In the Search form's header: <div id="filter" class="collapse" style="display:none;"><div>
In the Search form's footer: </div></div>
Does anyone know how to use "collapse" with a responsive tabular datapage's Search form?
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.
Question
DesiLogi
Hi,
I've got a tabular datapage set to be responsive. Normally I use a toggle link to hide/show the Search form above the results (it's a better UX in that you can more easily style the overall page the datapage is deployed on). However, when set to Responsive it doesn't work anymore. I've tried to use the new methods for forms but it doesn't work.
This is what works if the datapage is not responsive:
The link on the host html page that shows/hides the Search form: <a class="btn page-action" href="#filter" data-toggle="collapse" style="color:green;"><i class="fa fa-filter" aria-hidden="true"></i> Filters</a>
In the Search form's header: <div id="filter" class="collapse" style="text-align:left">
In the Search form's footer: </div>
I've tried this but it doesn't work (using the same link to toggle):
In the Search form's header: <div id="filter" class="collapse" style="display:none;"><div>
In the Search form's footer: </div></div>
Does anyone know how to use "collapse" with a responsive tabular datapage's Search form?
Link to comment
Share on other sites
6 answers to this question
Recommended Posts
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.