Search Filter and Button

bc

bcouvin 14 Apr, 2016

Hello,

I added a search filter on the top of the listing.
This feature deactive the toolbar button "New".
Here is what I filled in the header of "Front List / Display List / Table":

_TOOLBAR_NEW_
_TOOLBAR_DELETE_


<head>
  <meta charset='UTF-8'>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Content-Language" content="en">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <input type="text" name="srch" placeholder="Filter ..." style="float:right" class="form-control A" />
  <input type="submit" name="submit" value="Submit" style="display:none"/>
</head>


<script>

......
</script>

When I remove the lines

  <input type="text" name="srch" placeholder="Filter ..." style="float:right" class="form-control A" />
  <input type="submit" name="submit" value="Submit" style="display:none"/>

The button "New" works as expected.

I made another test. When I made the Search Submit button visible (removing style="display:none"), I click on the button "New", then the Search Submit button, this open my form.

This Search Submit button is associated to the complete listing.

Do you have an idea how this search filter could be implemented?

Thanks for your help.

ca

calculus00 14 Apr, 2016

Hello bcouvin,
I'm not a Chrono professional, but after checking your new post, I think that the following links may help:
Adding search or filter fields to your listing
P.S: I'm just an automated service😉

bc

bcouvin 15 Apr, 2016

Hello,

Please, give me a help on that.😟
Here is the code in browser inspect mode from the listing:

<div class="chrono-page-container">
  <form action="/index.php/en/subcontracting-projects?cont=lists&ccname=ProjectTaskList" method="post" name="admin_form" id="admin_form">
  <button type="button" id="toolbar-button-add" data-url="/index.php/en/subcontracting-projects?cont=lists&act=edit&ccname=ProjectTaskList" class="toolbar-button" style="background: url("http://www.udeeps.com/libraries/cegcore/assets/images/toolbar/add.png") 50% 0% no-repeat rgb(246, 246, 246);">New</button>
  <button type="button" id="toolbar-button-remove" data-url="/index.php/en/subcontracting-projects?cont=lists&act=delete&ccname=ProjectTaskList" class="toolbar-button" style="background: url("http://www.udeeps.com/libraries/cegcore/assets/images/toolbar/remove.png") 50% 0% no-repeat rgb(246, 246, 246);">Remove</button>

  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Content-Language" content="en">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <input type="text" name="srch" placeholder="Filter ..." style="float:right" class="form-control A">
  <input type="submit" name="submit" value="Submit" style="display:none">
  <link rel="stylesheet" href="/custom/script/........css">
  <link rel="stylesheet" href="/custom/script/........css">
  <script src="/custom/script/................................js"></script>

           <script>

           .....
           </script>

	</form>
</div>

Thanks
Bertrand

bc

bcouvin 15 Apr, 2016

Answer

Hello,

I found a solution so just solved this point.

Bertrand

Forums

Search Filter and Button