Microsoft has many products built using Asp.Net platform (including SharePoint), and this means that we will have a lot of flexibility in implementing a new UI design. But what will happen if we consider hiring a Specialized Designers to implement all these flashy effects and try to fit them to our product. This post gives you some General Challenges that you might face during this scenario. In addition, it will provide you with some useful solutions.
The challenge started when a company asked us to implement their new Portal, but the design itself would be implemented by another company. In addition we have to Integrate & Implement their new design over the Portal. As we proceeded we faced some of the below issues:
You need to coordinate with the design company to build prototypes to test all these issues before the design is approved by the customer.
Issue # 2 - Using Multiple Form Tags:
In HTML you can use more than one <form> tag to separate the submit actions, but once you start working with Asp.Net (and code behind) you know that you are only allowed to use one server-side form tag.
Replace the multiple <form> tags with <div> or <span>.
Issue # 3 - The usage of JQuery:
The design company used JQuery extensively in the design which sometime caused unexpected behavior. After digging around we found the following:
Ask the designers to replace all the $ char in the script with a full JQuery expression instead, and consider the use of $.noConflict().
Issue # 4 - The use of HTML ID's in the script:
The designers were referencing the tags in the HTML using the IDs, for example:
The problem occurred when we implemented them as Layouts (using code behind) the ID's value changes at runtime and caused a broken reference in the client side script as following:
Issue # 5 - Submitting Data:
The design company used to submit the data using an HTML Input control which caused the following:
All submit actions must be done on the server side instead of the client side.
Issue # 6 - Use of JSON:
The design company assumed the use of JSON object to retrieve data directly from the server side, while we all know that this assumption might not be true always, so we had to integrate JSON objects with our Portal.
Issue # 7 - Periodical UI Update Packages:
The design company used to send us UI updates weekly which were difficult to track and caused us to re-implement the UI every time they sent a new package.
Wait till the design is approved and finalized with the customer then start your implementation.
Hope this will help...
Brilliant!!! - Thank you for covering many topics.