Search Results for 'data form sf id searchandfilter'

[Trevor]

You will find some CSS to make the form horizontal here:

https://searchandfilter.com/documentation/getting-started/display-search-form/

There are also many CSS snippets for styling the form in the forum, see this forum search:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter

[Trevor]

It might be possible using custom CSS, yes, but you might need to hire a coder to do that for you. There might be some snippets of CSS on our forum that you could use. To find snippets for the search field, which has the class name sf-field-search, this search should give you posts that style that field:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter+sf-field-search/

I forgot to add that V3 should add more styling options.

[Trevor]

I think this custom CSS should sort out the display:

.qodef-page-content-holder .searchandfilter[data-sf-form-id="3372"] ul li::before {
    content: "";
    padding-right: 0;
}
.qodef-page-content-holder .searchandfilter[data-sf-form-id="3372"] ul li {
    padding-left: 0;
    text-indent: 0;
}
.searchandfilter[data-sf-form-id="3372"] ul > li > ul {
    padding-left: 0;
}

The image loading issue is because Lazyload images is ON in JetPack.

[Trevor]

Is this custom CSS what you need?

.searchandfilter[data-sf-form-id="693"] .sf-field-tag > ul {
    columns: 2;
}

[Trevor]

You will find some CSS to make the form horizontal here:

https://searchandfilter.com/documentation/getting-started/display-search-form/

There are also many CSS snippets for styling the form in the forum, see this forum search:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter

[Trevor]

Every user’s form styling needs vary so much. However, there are many snippets of such CSS in forum posts, and this search should give you some ideas:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter

The search filters set/chosen can be found, but it requires some detective work (specific to your form) and then some coding.

See this post:

https://support.searchandfilter.com/forums/topic/display-list-of-filters-currently-set/#post-264202

[Trevor]

This custom CSS would hide the - separator, the To box, and the To handle of the slider:

.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .sf-range-values-seperator,
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .sf-range-prefix:nth-child(4),
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider label:nth-child(5),
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .meta-slider .noUi-base .noUi-origin:nth-child(3) {
    display: none;
}

I think you might find it easier to use a new plugin we have for the layout and content of the posts. See this post:

https://support.searchandfilter.com/forums/topic/custom-layouts/

Especially as you want only the title.

As to updates, see this post:

https://support.searchandfilter.com/forums/topic/plug-in-update-in-wp-admin/#post-273233

[Anonymous]

Thank you!

This appears to be working for me! Hope this helps anyone else too!

    $('.searchandfilter[data-sf-form-id="15"] ul select').change(function(){

      $('.searchandfilter[data-sf-form-id="15"] ul select').not(this).prop('selectedIndex', 0);

    });

[Trevor]

So, you want the results to reflect only choice made in the last used field?

The form would have to have Auto Submit OFF. It would then require some custom JavaScript to clear the other fields, and then submit the form. To trigger the submit, use JavaScript like (assuming the form has an ID of 1234) this:

$('.searchandfilter[data-sf-form-id="1234"]').submit();

[Trevor]

To trigger the submit, use JavaScript like (assuming the form has an ID of 1234) this:

$('.searchandfilter[data-sf-form-id="1234"]').submit();