Star War Probability Progress Bar for Opportunity :)

Screen Shot 2016-07-11 at 7.49.21 PM.png

Star Wars: The SalesForce Awakens

I am here with some fun in salesforce. 🙂 You may have seen Star War movie. It is my favorite movie. In this post i will integrate Salesforce with Star Wars.( i am Kidding 🙂 ) In this article i am creating Star War’s Sword as a progress bar.

starwars-logo

Steps to create:

The Blog has been shifted here (0to1code.com)…

http://www.0to1code.com/blog/2016/07/11/star-war-probability-progress-bar-for-opportunity/

Sorry for the inconvenience.
Advertisements

Convert Standard Page Messages in Lightning Design System

OverridingPageMessages

We all know about salesforce lightning design system. A very great UI for salesforce VF pages. But we have always some challenges to convert in lightning design system from salesforce classic UI. I have posted about a javascript trick before for convert standard checkbox and radio button to the lightning design system.

In this post, I will introduce a new UI trick using Jquery and CSS. We have standard page messages, so here is a challenge to convert in these messages in salesforce lighting design system.

I have made a small trick with Jquery  and CSS. You just need to copy-paste code on your page and need to call this function in document ready or after on complete of any ajax function(Action Function).

Here is demo code:
Apex Class:

public class ConvertPageMessagesController{
    public ConvertPageMessagesController(){
        ApexPages.addmessage(new ApexPages.message(ApexPages.severity.FATAL,'Please enter Account name'));
        ApexPages.addmessage(new ApexPages.message(ApexPages.severity.ERROR,'Please enter Account number'));
        ApexPages.addmessage(new ApexPages.message(ApexPages.severity.WARNING,'Please enter Account phone'));
        ApexPages.addmessage(new ApexPages.message(ApexPages.severity.INFO,'Please enter Account site'));
        ApexPages.addmessage(new ApexPages.message(ApexPages.severity.CONFIRM,'Please enter Account industry'));
    }
}

VisalForce Page:

<apex:page controller="ConvertPageMessagesController"  >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
	<link type="text/css" rel="stylesheet" href="https://www.lightningdesignsystem.com/assets/styles/slds.css"/>

<style>
.msgIcon {
    display: none!important
}
.customMessage * {
    color: #fff!important
}
.customMessage {
    margin: 5px 0!important;
    max-width: 1280px;
    opacity: 1!important;
    width: 100%;
    font-size: 12px;
    border: 0px;
    padding-left: 10px;
}
.message {
    opacity: .1
}
</style>


<script>
    $(document).ready(function(){
       overridePageMessages();    
    });
       
    function overridePageMessages(){    
        var textureEffect = '';
        //Uncomment below line for texture effect on page messages
        //textureEffect = 'slds-theme--alert-texture';
                    
        $('.warningM3').addClass('slds-notify slds-notify--toast slds-theme--warning customMessage '+textureEffect);          
        $('.confirmM3').addClass('slds-notify slds-notify--alert slds-theme--success  customMessage '+textureEffect);    
        $('.errorM3').addClass('slds-notify slds-notify--alert slds-theme--error customMessage '+textureEffect);                  
        $('.infoM3').addClass('slds-notify slds-notify--toast customMessage '+textureEffect);    
                        
        $('.errorM3').removeClass('errorM3'); 
        $('.confirmM3').removeClass('confirmM3'); 
        $('.infoM3').removeClass('infoM3');   
        $('.warningM3').removeClass('warningM3');  
    }
</script>
<apex:pagemessages/>
</apex:page>

Call overridePageMessages() on documnet ready or oncomplete of action function(AJAX). Uncomment textureEffect for texture effect on page messages.
Fewer efforts more work. Just try it.

Happy Salesforce!!!
🙂

Skype URIs in Salesforce (One Click to Call or Chat on Skype)

In this post, i will put a way to implement Skype URIs in 5 Minute with salesforce. Skype is a popular way to chat or calls. We have lots of contacts on skype and salesforce. How can we open standard skype app on mobile or desktop from salesforce records? Lets have a walk here….. It’s not too long 🙂

Untitled

What is Skype URIs:

The Blog has been shifted here (0to1code.com)…

http://www.0to1code.com/blog/2016/01/30/skype-uris-in-salesforce-one-click-to-call-or-chat-on-skype/

Sorry for the inconvenience.

Javascript Framework for Lightning Design System

Salesforce has launched a new UI which is called lightning design system. This is very sharp and neat UI. But salesforce yet not providing any JS framework for SLDS(salesforce lightning design system).

I am facing a problem with JS for SLDS. Are you also facing problems? I found two of JS framework. They both are providing JS for SLDS.

The Blog has been shifted here (0to1code.com)…

http://www.0to1code.com/blog/2016/01/21/salesforce-coding-utility-chrome-extension/

Sorry for the inconvenience.

Share Youtube Videos on Chatter Using Lightning Components (YouTube2Chatter)

Screenshot_2015-09-17-21-00-31
Hi Everyone
I am here with some cool stuff. As you know that YouTube is very popular for videos. Many of salesforce videos on YouTube as well. After reading this post, you can search videos in salesforce1 and also you can share to chatter as well.

We will learn following things in this post :

The Blog has been shifted here (0to1code.com)…

http://www.0to1code.com/blog/2015/09/18/share-youtube-videos-on-chatter-using-lightning-components-youtube2chatter/

Sorry for the inconvenience.

Convert Visualforce Checkboxes And Radio Buttons in Lightning Design System Using Javascript

Hi Everyone

As we know that with the Lightning Design System(LDS) we can build custom applications with a look and feel that is consistent with Salesforce core features — without reverse engineering our styles. See here more about LDS.

The Blog has been shifted here (0to1code.com)…

http://www.0to1code.com/blog/2015/09/17/convert-visualforce-checkboxes-in-lightning-design-system-using-javascript/

Sorry for the inconvenience.

Voice Recognition Search in Salesforce (VF-Page)

icon128

Hi All,

Recently i have posted “Create Chrome Extension for Voice Recognition Search in Salesforce“. Some devs are little confused about how is it working. So i am writing this post for implement this feature on visualforce pages to get it better.

The Blog has been shifted here (0to1code.com)…

http://www.0to1code.com/blog/2015/08/02/voice-recognition-search-in-salesforce-vf-page/

Sorry for the inconvenience.