Friday, April 15, 2016

Adding custom styles to dependent picklist fields in Visualforce pages.

Hi, In this article i am trying to give small example of applying custom styles for dependent pick-list. Usually for dependent pick-list custom styles will not apply, So you have to do it forcefully.In this i am using bootstrap to apply the style for input elements. You have to add the below script items in the vf page with the id's   Ex:  <!-- https://salesforcedevil.wordpress.com/2015/07/16/me/ --><apex:page standardController="Account" standardStylesheets="false"  showHeader="false"><apex:includeScript value="https://code.jquery.com/jquery-1.9.1.js"/>     <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"/>...
Read more »

Sunday, April 3, 2016

JQuery Validator in visualforce pages.

JQuery Validator in visualforce pages. JQuery Validator : <apex:page standardController="Bootstrap_Object__c" docType="html-5.0" standardStylesheets="false" sidebar="false" showHeader="false"> <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" />       <apex:includeScript value="https://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.min.js"/>           <head>         <title> Jquery Form Validation1</title>         <style>          .container{  ...
Read more »

Bootstrap examples in visualforce page.

Hi , In this post i am using Bootstrap to get good look and feel. Example 1: In this example i am using CDN links instead of keeping them in static resources, If you want you can put them in static resources. In this example i did not implement the save functionality. just for look and feel simply putting the HTML stuff in VF page tag. <apex:page > <head>         <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  ...
Read more »
Page 1 of 10312345Next

 
| ,