Skip to content

Search Bar

Oranko edited this page Jul 2, 2021 · 2 revisions

Search Bar

The search bar widget offers an advanced alternative to the native address bar with customizable looks to satisfy everyone’s desires.

Search bar logo

  • Logo Width - This slider changes the size of the search bar logo

  • Logo rounding - The curviness of the logo can be increased or decreased by adjusting the slider. The * effects can be directly viewed on the preview present above the sliders.

  • Input Radius - The curviness of the search bar can be increased or decreased by adjusting the slider whose effects are visible on a search bar preview available just above the sliders.

  • Top Margin - This option allows you to increase or decrease the space between the search bar logo and the search bar. The logo above the search bar can be changed along with the size and rounding of the desired custom logo.

  • Upload from file - This option allows you to use any image that you have stored locally on your phone as the search bar logo.

  • From Link - You can use this option to set any image you found online as the search bar logo by pasting the URL of the image (this can be done by opening just the image in a new tab and copying the contents of the address bar or copying the Image address from the image context menu.

Search Bar Colors

This sub section allows you to customize the colors of the search bar to make it make enhance its visibility as well as match the theme.

  • Background - This option allows you to set the color of the background of the search bar
  • Text - This property corresponds to the color of the text that you will be entered in the search bar
  • Border - This property allows you to change the border color of the search bar to give it a more distinct or muted look.

Bangs

This is the feature aimed at improving productivity by quickly change the search provider. For Example to search on Youtube use the trigger(,) followed by the designated keyword(y) and then the search term. The contents of the search bar will be similar to this- “,y xyz”

Search Bar Config

This is the most advanced feature of the search bar which can save you a lot of time.

  • Placeholder – This is the default text that is displayed on the search bar. It will be hidden once you start typing in the search bar. To change it simply replace ‘Search Using Commands’ with anything of your choice.

  • Key – It is the symbol that you will need to enter followed by the designated character of a website to search on it. It can be changed by replacing ‘,’ with any symbol of your choice.

  • Default – It can be used to change the default search provider. To do so replace the current character with the one designated to the website in the following list (like replace d with g to set the default search provider to google).

  • You can configure your shortcuts to search on specific sites including but not limited to Duckduckgo, Google, Youtube, Reddit and Bing. To create your own shortcut do the following-

  1. Use a character to act as a trigger For example, if you want to search on amazon you can use the letter ‘A’. G 2. Get the general search address of the site For example, to get the address of site simply search any term on the site’s search bar. It should result in a page with URL similar to https://www.xyz.com/search?yourkeyword
  2. Simply remove the term your keyword so that it becomes like https://www.xyz.com/search?.
  3. Paste this in front of your character trigger in a syntax similar to this A -> https://www.xyz.com/search?.