Showcase: SPRING Corporate Portal Revamp

Springcorp Singapore is revamping their corporate portal to be modern, clean and mobile-responsive. Springcorp is an enterprise springboard agency set up by the Singapore ministry of trade for entrepreneurs and startups to thrust and grow in the local economy. They’re a highly efficient agency and have high expectations & standards for their public-facing corporate portal. https://www.spring.gov.sg/Pages/Home.aspx…

Showcase: AMRO

AMRO is the regional macroeconomic surveillance unit of the Chiang Mai Initiative Multilateralisation (CMIM) of the ASEAN+3 members. They are expecting a modern-looking and mobile-responsive cross-browser website to portray their corporate missions across. http://www.amro-asia.org/about-amro/overview Challenges: New look & feel Cross-browsers compatibility – Internet Explorer 9-11, Chrome, Firefox and Safari Integration with Sitecore Solutions: Created a cross-platform/browser…

Knowledge Base: Error Messages builds up on IE runtime

Problem: Error Messages builds up on IE runtime   Cause: These are IE runtime (not compilation) errors   Solution: To suppress the default Internet Explorer error message for the window event, set the returnValue property of the event object to true or simply return true in Microsoft JScrip   window.onerror = function() { // Return…

Knowledge Base: Centering fluid-width div (auto-width) is not possible using traditional auto margin because a width is not specified

Problem: Centering fluid-width div (auto-width) is not possible using traditional auto margin because a width is not specified   Cause: Width-less element can’t be centered   Solution: Change the display property of the affected element with display:table   From this: #listFilter-slider-container .orbit-bullets { margin: 5px auto 25px; width: auto; }   Change to this: #listFilter-slider-container…

Knowledge Base: SHAREPOINT 2010 DOESN’T DETECT SCROLLING

Problem: SHAREPOINT 2010 DOESN’T DETECT SCROLLING   Cause: The purpose of disabling scrolling is entirely due to the new SharePoint 2010 “ribbon” control. This is a very handy element of the SharePoint interface that stays fixed to the browser window, even as you scroll down the page.   Solution: The Solution What’s done is done,…

Knowledge Base: How to create your own defined function to be reused later as a callback to other functions

Problem: How to create your own defined function to be reused later as a callback to other functions   Cause: N/A   Solution: Create a function, eg below and give it a unique name eg bottomWrapFunction   $.fn.bottomWrapFunction = function() { $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); m = $(“#mainWrap”).height(); f = $(“#footerWrap”).height(); h = m – f;…

Knowledge Base: Google Webfonts Locked Down in Intranet

Problem: Google Webfonts Locked Down in Intranet   Cause: This is deemed insecure in https environment (notice the url http instead of https) @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300|Open+Sans+Condensed:300)   Solution: Remove the http from the url @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300|Open+Sans+Condensed:300);   Reference: http://stackoverflow.com/questions/16105819/how-to-use-google-webfonts-in-a-locked-down-intranet http://www.amixa.com/blog/2012/06/06/how-to-use-google-fonts-under-both-ssl-and-non-ssl-without-ssl-insecure-messages/     Published: 03 Oct 2013

Knowledge Base: List Style Image not showing in IE7

Problem: List Style Image not showing in IE7   CSS: .formContent > ul li { list-style-image: url(“../images/btn/redDot.png”); line-height:120%; margin:00013px; }   Cause: If not positioned relatively, CSS proprety “list-style-image” won’t appear on IE7   Solution: CSS: .ie7.formContent > ul li { list-style-image: url(“../images/btn/redDot.png”); line-height:120%; margin:00010px; position:relative; }     Date Created:070813  

Knowlegde Base: Legend tag on Safari doesn’t respond to margin‏

Issue: Legend tag on Safari doesn’t respond to margin   Screenshot:   Cause: It’s a known issue on Safari (boo)   Solution: Apply a workaround. @media screen and (-webkit-min-device-pixel-ratio:0) { .sectionContainer > fieldset > legend { border-bottom: none !important; margin: 0 0 0 0 !important; line-height: 215% !important; height:60px !important; } .sectionContainer > fieldset > legend:after { display: block; height: 20px; border-top: 1px solid #e5e5e5; content: “”; } } Screenshot: Reference: https://github.com/twbs/bootstrap/issues/5313

Javascript method “toFixed()” will only work if the value is numerical

Issue: Javascript “toFixed()”  will only work if the value is numerical Example: if var totalDeluxe has a value of 18.2 (originally passed as string) By executing this below, the result would still be 18.2: $(‘.totalPrice’).text(totalDeluxe).toFixed(2); Output: 18.2 Reason: method is not executing because the value of  totalDeluxe is considered non-numerical at this point (string) Resolution:…