Expand and collapse link for an Div in vf page using Jquery.

Hi Friends,

This is a small but useful post to maintain UI of your Visualforce page,

to add show more link(for expand) and show less link(for collapse) on div (or any other HTML tag) when div height is more then expected size.

Look at the screen shot below:-

So to solve this issue you can use the following java script and jquery:-


Screen Shots:-

Hope this helps..

Thanks
Anurag Jain

Insert Records in SF by using JavaScript without Apex classes or controller.

Hi guys,

In this post i am showing how can we use the power of javascript in VF page and inserting record in salesforce without any standard/custom controller or Apex.

By using AJAX Toolkit we can do this task easily.

AJAX Toolkit divides in two type synchronous and asynchronous call.

It works in three simple steps:

1. Connecting to the AJAX Toolkit(By using login methods or getting Session_ID)
2. Embedding the API methods in JavaScript.
3. Processing the results.

in following example i am using synchronous call :-


Screen Shoots:-

 After inserting of record you are having ID of record :-

Happy Coding...:)

Thanks
Anurag Jain

yes/no confirm pop up dialog box using jquery.

Hi Guys,

I am writing this post because some one comment on my blog and asked me for this requirement, i am happy to help him,

http://anuragsfdc.blogspot.in/p/salesforce-limits.html

his requirement is to show Yes /No buttons in place of Ok/Cancel buttons of javascript confirm function.

so for this i am creating a custom pop up dialog using JQuery.

here the code for same:-

here the screen shot:-

hope it helps, happy coding...

Thanks

SOQL Query on vf page using javascript without any controller.

Hi friends,

Many times you need record value on vf page for validation / viewing or for any other reason,
then you have to write a custom controller for query record.

here the example which show how you can query from vf page without any controller,
simply use JavaScript for query.


you can change the query according to your requirements.

Hope it helps
happy coding...:)
thanks
Anurag Jain

Use Tab Color Dynamically on VF page from JS.

Hi guys,

I am writing this post because recently i used it and feel must share it,

Here I am creating a VF with some colored arrow on page (Created by using CSS) and color of arrows automatically changes according to the color and style of the Custom-Tab,

This requirement is mainly needed when you are creating a detail VF page

Now magic is to use arrow color same as the Tab color of your object.

I achieved this using Javascript and CSS,

Here is the VF page code:-

Screen Shots:

Now, i just changed Tab Style and color by following these steps:-

Setup -> Create -> Tabs -> Custom_Object__c

Here is the new Tab style and color:-

arrows and highlighted section color changes automatically.


Hope it will help u guys, Happy Coding....:)