Changing the placement of the search box in with HubDB filter and list display

[KGuyCP]

I have a two-part question -

First Question: Search Box

Is it possible to move the position of the search box so it appears at the end of your filter, not at the beginning?

We would prefer the order to be State, Industry, Search

Second Question: Hiding the table data until a selection is made

I've done the workaround of creating a fake string query for the URL so nothing displays (I added a "- Select One -" filter to one of my dropdown filters) -  is there a better way? I'

I've tried "null" and "blank" with the search box (with those keywords added to my DB)  but it doesn't retain when the link is accessed in another browser window.

[Indra · Accepted solution]

Hi @KGuyCP,

Question 1

You could use css to rearrange the elements within your items. 

For example this can be done with display flex like:

flex-container {
    display: flex;
    flex-direction: row;
}
.flex-item:nth-child(1) {
    order: 3;
}
.flex-item:nth-child(2) {
    order: 1;
}
.flex-item:nth-child(3) {
    order: 2;
}

Another option is torearrange your html. You will need to change the order of your search field and place it behind the dropdown options.

Question 2

You could add a submit button and show data untill it's submitted of display data when a input of select field has been changed.

Easiest way if you are using query_dict to filter your rows is to set an if statement like this. You can check out the http request variables 

{% if request.query_dict %}
  Your code
{% endif %}

[dennisedson]

@alyssamwilie , any chance you can help out here?