Challenge Overview
Welcome to the $200 IBM Castle - FAST Search Bar Result Fixes UI Prototype
This F2F is subjective - so the first solution that the client likes and fulfills the required updates will win. We will consider all submissions until a the winner is declared.
This F2F Challenge is part of the IBM Castle Blitz Challenge Series. Make sure to check it out!
http://blitz.topcoder.com/ibmcastle/
- Provided UI Prototype is tested and works on mobile, tablet, desktop design screen. Do not break current functionality, look and feel.
- Let us know if you doubts about anything
- DO NOT make INDENTATION or SPACE changes. Please focus on completing F2F Tasks. We need your code easy to see the differences.
Downloadable Files
- prototype_as_base.zip
F2F TASKS
Refer to provided screenshots for this f2f tasks:
search-tag-facet-chiclet.jpg
- After select some values of autocomplete, chiclet show up
- We need cursor remain in 1 line next to chiclet
- And search bar height not changed
Search-HoverOptions.png
- Hover the blue area need load the flyout
- Slice the icons from this screenshot
- Match the flyout styling
- Select different option change selected icon: for To, From and Either
Search-Either.png
Search-From.png
Search-Cursor.png
- Click menu button on top left
- See Time section, click Today, Yesterday. This Week, This Month or older need add Chiclet to search bar
- User need able to remove from input
- After Chiclet added, cursor need placed on the right side of chiclet
CLIENT PRIORITIES (The items that are considered highest prototype priorities)
- Creating quality and efficient AngularJS/HTML/CSS3 code that works in all the requested browsers.
BROWSER REQUIREMENTS
- IE11
- Safari
- Chrome
- Firefox
- Safari on Tablet
- Safari on Mobile
F2F GUIDELINES
We will review submissions as they are submitted, we will review ALL submissions until we declare a winner based on
Pay attention to Forum activity!
1) Task Requirements
2) Client is happy with how it looks/works
3) Time the solution was submitted
Please let us know if you have any questions or need clarification on something
This F2F is subjective - so the first solution that the client likes and fulfills the required updates will win. We will consider all submissions until a the winner is declared.
This F2F Challenge is part of the IBM Castle Blitz Challenge Series. Make sure to check it out!
http://blitz.topcoder.com/ibmcastle/
Final Submission Guidelines
IMPORTANT- Provided UI Prototype is tested and works on mobile, tablet, desktop design screen. Do not break current functionality, look and feel.
- Let us know if you doubts about anything
- DO NOT make INDENTATION or SPACE changes. Please focus on completing F2F Tasks. We need your code easy to see the differences.
Downloadable Files
- prototype_as_base.zip
F2F TASKS
Refer to provided screenshots for this f2f tasks:
search-tag-facet-chiclet.jpg
- After select some values of autocomplete, chiclet show up
- We need cursor remain in 1 line next to chiclet
- And search bar height not changed
Search-HoverOptions.png
- Hover the blue area need load the flyout
- Slice the icons from this screenshot
- Match the flyout styling
- Select different option change selected icon: for To, From and Either
Search-Either.png
Search-From.png
Search-Cursor.png
- Click menu button on top left
- See Time section, click Today, Yesterday. This Week, This Month or older need add Chiclet to search bar
- User need able to remove from input
- After Chiclet added, cursor need placed on the right side of chiclet
CLIENT PRIORITIES (The items that are considered highest prototype priorities)
- Creating quality and efficient AngularJS/HTML/CSS3 code that works in all the requested browsers.
BROWSER REQUIREMENTS
- IE11
- Safari
- Chrome
- Firefox
- Safari on Tablet
- Safari on Mobile
F2F GUIDELINES
We will review submissions as they are submitted, we will review ALL submissions until we declare a winner based on
Pay attention to Forum activity!
1) Task Requirements
2) Client is happy with how it looks/works
3) Time the solution was submitted
Please let us know if you have any questions or need clarification on something