Home → Questions →

Start with search bar

• Edit

Michael

21 Mar, 2012 09:22 PM

I love how Cloudflare's Tender start with just a search bar (https://www.cloudflare.com/help). How can I do that on my Tender? Thanks!

1. 1 Posted by Tim on 21 Mar, 2012 10:42 PM

   

   Hi Mike,

   Cloudflare has added some custom javascript to their search bar in order to display results as you type -- this not something that is built into Tender directly (yet!). This type of search implementation is often called "live search" or "incremental search."

   A PHP example: http://www.w3schools.com/php/php_ajax_livesearch.asp
   Wiki article: http://en.wikipedia.org/wiki/Incremental_search

   Depending on how your site is built, you may need to use different bits of code to implement this on your site.

   However, live results are extremely user friendly and can be a big boost to improve user experience on Tender sites. We will definitely be looking into how we can implement live/incremental search on Tender as a feature for all sites in coming iterations. I have created an internal ticket for us to discuss this at upcoming planning meetings.

   Thanks,
   Tim

   • Edit

2. 2 Posted by Michael Kaiser-... on 21 Mar, 2012 10:50 PM

   

   Gotcha. Is there any way to have the search bar, even if it isn't
   live, as the default view (instead of how it currently looks at
   http://impactdialing.tenderapp.com/help/home)? Or is that something we
   would have to build using your API?
   --
   Michael Kaiser-Nyman
   Impact Dialing
   (415) 347-5723

   • Edit

3. 3 Posted by Tim on 21 Mar, 2012 11:35 PM

   

   Hi Michael,

   Most of our plans allow you to customize your layout using CSS, so you can customize your layout to emphasize the search bar as the main feature on your page.

   On your dashboard under Site Settings - Appearance & Text - Custom CSS -- you can paste your own CSS into the box on your site settings screen. Any CSS defined will override our default layout. If you have a web developer on your end who is familiar with CSS, you can inspect our layout code and override it as you see fit -- we have no restrictions on CSS layout formatting.

   Thanks,
   Tim

   • Edit

4. 4 Posted by Michael Kaiser-... on 22 Mar, 2012 12:03 AM

   

   Thanks!
   --
   Michael Kaiser-Nyman
   Impact Dialing
   (415) 347-5723

   • Edit

5. Julien closed this discussion on 22 Mar, 2012 12:06 AM.