UI changes to the Build Pages

About Us
All fields

1. Remove default text for all the fields; since we have the labels to the left of box, there is no need for the default text. 2. Add red asterisk to the end of label for the required fields. 3. Drop the tagline field from the form 4. Drop the country, stress, city, state, zip & timezone fields from the page. Minor changes to the contact information section on the page:

default privacy to unchecked. 5. The validation rules for website are very restrictive. These need to be relaxed so that there is no need for the user to include http:// or www and must allow for https if someone does include it. For example both cnn.com and www.cnn.com must be considered valid.

Save Processing

1. Change the opaqueness level of the overlay div so that the screen does nor darken as much (Nick will play around with the colors) 2. Move the location of the progress icon as shown below and during the save process change the Save button text to Saving.

Profile Picture

1. Make the crop window as big as possible within the aspect ratio and the size of the image displayed. This has already been conveyed to Anchit separately 2. Save the profile image on clicking the Finish button; Asynchronous save to the database right away and delinked from the Save button. 3. Include Upload Profile Picture to the dropdown. User can click on the button or click the option in the dropdown.
Background image

1. Save the back ground image on clicking the Finish button; Asynchronous save to the database right away and delinked from the Save button. 2. Include Change Background to the dropdown. User can click on the button or click the option in the dropdown. 3. Include a style change in relation to the display of the background image (Greg specified):
Add media query
@media only screen and (min-width: 984px) and (min-height: 500px) { .switchPanel.fixed { position: fixed; } }

Skill tests

Minor changes to the layout:

1. If no tests have been taken display the message You have not taken any skill tests. where the tests are listed (message will be changed based on input from Anna). 2. Move the Manage Skill Tests as shown below:

Attach Files

1. Explore the possibility using the layout shown below in place of the current one.

Also explore the possibility of saving the uploaded files permanently immediately (no dependency on clicking the Save button)

Services Page
1. Only show 200 characters of the description with the service on the list view. This is specified in the requirement and seems to be a bug 2. When there is no cover image for the service the default Add Cover Image graphic we show should link to Edit Service page

Add/Edit Service
1. 2. 3. 4. Add red asterisk to the end of label for the required fields. Drop the minimum characters for the description to 100. Change the label Skills Used to Skills & Industries (see note below the bullet points) Change the text Enter up to 25 specific skills that you will use to provide this service to Enter up to 25 skills and industry expertise you have for this service.

5. Drop the Industry input fields (the base entry and the link to add more industries) 6. When there is no portfolio collections to link show a message saying so.

7. Add a line and piece of text indicating the portfolio in this spot will be used as the cover image for that service.

8. Change the buttons to Create Service, Save and Cancel; Clicking on save will save the content to the database and remain on this page (will not navigate to the preview page as is done today). The skills table will be augmented to include the industries that are maintained separately; this will allow for the industries to be included as a part of the skills and processed like the skills. This approach will overcome some of the difficulties that were encountered in dealing with the industries.

Add/Edit Portfolio
1. Change the buttons to Publish Work Collection, Save and Cancel; Clicking on save will save the content to the database and remain on this page. 2. In the publish popup: a. Change the label SKILLS & INDUSTRY to SKILLS b. Drop the label and the dropdown for Industry 3. If the user publishes the portfolio without setting the cover image, the portfolio should be saved as a draft and NOT as published.

General (All pages)

1. Show all the popups asking for confirmations in a standard modal shown below, with the button text relevant to the context. Currently some work with this and some with other ones.

2. If the user makes some changes and initiates an action that takes the user to another page without saving the changes, the intent is to prompt with the user with options to change or discard the changes or stay on the page. The requirement of the pages is to capture the user action that takes the user out of the page, determine if any changes have been made and prompt the user with the following modal popup:

Action to be taken on clicking the buttons/link: Save Save the page contents and navigate the destination page Dont Save Discard the changes and navigate the destination page Cancel Stay on the page