How to add Custom User Interface to Sales Force

Question

I'm trying to add a custom User Interface to SalesForce pages, how should I start?

Answer 1

You can customize your page UI with two simple steps: 

1. Add attributes in your page element to remove default header, sidebar, and stylesheets attached to the page. 
2. Add CSS and jQuery if required from Static resources. This is an optional step but very useful when working with large CSS and jQuery codes.

Adding attributes:

<apex:page id="thePage" controller="yourController" action="{!yourAction}" docType="html-5.0" standardStylesheets="false" sidebar="false" showHeader="false">

Adding static resources:

<apex:includeScript value="{!$Resource.yourJS}" />

<apex:stylesheet value="{!$Resource.yourCSS}" />

Want to learn Salesforce in depth? Go through the Salesforce Training provided by Intellipaat!