semantic-org / ui-search

A search element allows a user to query for results from a selection of data

Semantic Search

This repository contains pre-compiled search files using the default themes. This is intended for use in projects that do not need all the bells and whistles of Semantic UI, and want to keep file size to a minimum.

For the latest changes please see the Release Notes

Special Note An update in 2.0.8 has fixed an issue which may have prevented some single component modules from working correctly. Please see notes in this pull request.

If you're looking for the full version of Semantic including all components and build tools check out the main project repository

To install with Bower

bower install semantic-ui-search

To install with NPM

npm install semantic-ui-search

To install with Meteor

meteor add semantic:ui-search

Addendum

This element's definitions (required class names, html structures) are available in the UI Docs

Please consider checking out all the benefits to theming before using these stand-alone releases.

ui-search's Issues

POST Method

I'm new to JavaScript and I was wondering if you can help convert the following GET query to a POST that has a complex JSON Post Payload?

	$(".search").search({
		apiSettings: {
			url: "//api.domain.com/find.py?q={query}"
		},
		fields: {
			results	: "items",
			title	: "name",
			url	: "html_url"
		},
		minCharacters : 3
	});

Here is the type of JSON Post Payload my backend is expecting:

	{
		"query":{
			"title":	"{query}",
			"category":	"magazine"
		},
		"csrf":		"50m3-t0k3n-K3y"
	}

Thank you.

Json structure for the search with categories

Hi, this is not an issues but i am not really sure where to post this. I am trying to use the Search fluid example with the categories, i was wondering what is the json structure for the search to show up in that style, I was trying to find out if there is any json but no luck. Any help is really appreciated.

http://semantic-ui.com/modules/search.html

Please see the variations section.

programmatically modify search query

Dear developers,

let me introduce our project first: We are building a web search engine for a printed lexicon which has been digitalized.

For the search input we are providing search suggestions via the Semantic-UI search module.

We would like to provide functionality described by the following use case:

1. When the user clicks on a suggestion, the suggestion shall be surrounded with "-Signs.
2. The resulting quoted suggestion shall be placed into the corresponding input field.
3. If the user enters another string before or after the string, which is quoted, the suggestion list shall only show suggestions for the unquoted part of the input.
4. If the user clicks on another suggestion from the second suggestion list, the new suggestion shall be surrounded by ".
5. The second quoted suggestion, which was selected by the user, shall replace all unquoted parts.

For our use case it is necessary, that the search query can be modified and afterwards be processed as if that modified query would have been the original query. Is this behaviour realisable yet?