Monday, 14 April 2014

Login Page With CSS Styling in Salesforce


Once I need to create a login page for salesforce sites, but it should look nice, so I used CSS to make my Login page look good, am sharing this, so that you don't waste time in just styling a Page.

Its as simply and perfect as it looks


Isn't it looks good,

Here is the CSS Style code, save this file in CSS format and make it a Zip file and save it in static resource.
"LoginStyles.css"

Here is the Apex Class (this is not perfect, You need to make changes to save)
"LoginController"

Here is Visualforce page.
"LoginPage"

Hope it will save some ones time.

Happy Coding..!!! CHEERS :)

5 comments:

  1. Creating a clean and visually appealing login page for Salesforce Sites is a practical example of how functionality and presentation can work together. The article keeps the implementation straightforward by separating the CSS styling, Apex controller, and Visualforce page, making it easier to understand and reuse the approach.

    Using Visualforce and Apex within Salesforce also makes this a useful example of working with a cloud-based development platform. The approach connects naturally with Cloud Computing Projects, particularly for applications that combine hosted services with custom application functionality.

    ReplyDelete
  2. The use of a dedicated CSS file to improve the appearance of the login interface is another useful aspect of the example. Separating presentation from the page structure is a fundamental web-development practice and relates directly to Web Development Final Year Projects, where creating functional and user-friendly web interfaces is often an important part of the project.

    ReplyDelete
  3. The article also provides a simple demonstration of how styling can improve the usability and appearance of an application without changing its underlying functionality. These UI fundamentals provide a useful connection to Frontend Training, especially for developers interested in creating cleaner and more effective web interfaces.

    ReplyDelete