title: Gigya custom Share Bar
body: <p>I'm using Gigya's javascript API to set up a social share bar but need custom icons. It seems that the <a href="http://developers.gigya.com/020_Client_API/010_Socialize/socialize.showShareBarUI" rel="nofollow">showShareBarUI</a> does not allow facebook/twitter/etc. icons to be changed but it does allow the user to preview the post they will make. Conversely, <a href="http://developers.gigya.com/020_Client_API/010_Socialize/socialize.publishUserAction" rel="nofollow">publishUserAction</a> will allow custom icons to publish with login but does not give any preview of the user's content. </p>
  
  <p>Is there any way to have custom icons for the share bar and preview the post content while employing Gigya? </p>
  
  <p>I'm trying both : </p>
  
  <pre><code>  var act = new gigya.socialize.UserAction();
  
    act.setTitle("This is my title");  // Setting the Title
    act.setLinkBack("http://www.gigya.com");  // Setting the Link Back
    act.setDescription("This is my Description");   // Setting Description
    act.addActionLink("Read More", "http://www.gigya.com");  // Adding Action Link
  
    var params = 
    {
      userAction:act,
      shareButtons:[
        { // Twitter Tweet button
          provider:'twitter-tweet',
          tooltip:'Share on Twitter',
          defaultText:'Twitter message'
        },
        { // Google +1 button
          provider:'google-plusone',
          tooltip:'Recommend this on Google',
          userMessage:'default user message'
        }
      ],
      showCounts:'none',
      containerID:'shareBar'
    }
  
    gigya.socialize.showShareBarUI(params); 
  </code></pre>
  
  <p>OR -</p>
  
  <pre><code> function twitterLogin() {
      gigya.services.socialize.login({provider:'twitter',callback:twitter});
   }
  
    function twitter(){
      var act = new gigya.socialize.UserAction();
  
      act.setTitle("This is my title");  // Setting the Title
      act.setLinkBack("http://www.gigya.com");  // Setting the Link Back
      act.setDescription("This is my Description");   // Setting Description
      act.addActionLink("Read More", "http://www.gigya.com");  // Adding Action Link
  
      var params = 
        {
        userAction:act,
        enabledProviders:"twitter"
        };
  
    // Publishing the User Action     
    gigya.socialize.publishUserAction(params);
  }
  </code></pre>
  
  <p>HTML - </p>
  
  <pre><code>&lt;div id="shareBar" &gt; 
      &lt;a href="#" onclick="javascript:twitterLogin()"&gt;
         &lt;img src="images/custom-twitter-icon.png" /&gt; 
      &lt;/a&gt; 
  &lt;/div&gt;
  </code></pre>