How to add a google+ share button to a composition?

I am working on a little app for which I want to add share buttons.
I don't have problems adding Facebook share and Twitter buttons, However I cannot find a way to add a Google+ share button.
For FB I create a rectangle and name it fbBtn. Then on click I add the foolowing code:
FB.ui({
          method: 'feed',
          name: 'Win designer fashion jewelry from Baloka',
          link: ' http://www.mysite.com/',
          picture: 'http://www.mysite.com/external-xfbml/share-image.gif',
          caption: 'Win designer fashion jewelry from Baloka',
          description: 'Baloka is giving away 22 designer fashion jewelry by Maria Mizrahi. Check this out. Do you want to win? You could...',
          message: ''
For Twitter I create a rectangle and name it twitterBTN. Then I add this code to document.compositionReady:
var twitter = sym.$("twitterBTN");
var c = '<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://baloka.com/content/socialApp/fb.html" data-text="Win cool trendy designer fashion jewelry - check this out" data-via="BalokaDesign" data-count="none" data-hashtags="BalokaSweepstakes">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id =id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(docu ment,"script","twitter-wjs");</script>';
twitter.html(c);
For Google + I found two ways to add a share button:
First:
Adding this snipped to the html document (not in EA):
div class="edgeLoad-EDGE-467457915"><a href="https://plus.google.com/share?url={http:baloka.com}" onclick="javascript:window.open(this.href,
'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img
src="https://www.gstatic.com/images/icons/gplus-16.png" alt="Share on Google+"/></a></div>
and adding this to the head:

    <meta itemprop="name" content="Baloka Sweepstakes">
    <meta itemprop="description" content="Win designer fashion jewelry by Maria Mizrahi - Baloka.
    There are 22 prizes including earrings, bracelets, necklaces and a couple of $100 gift certificates.
    Please share with your friends.">
    <meta itemprop="image" content="http://cdn2.bigcommerce.com/server2100/a154e/products/102/images/243/LittleTotemEarrings__ 55527.1355162788.1280.1280.jpg">
This works as expected, but I am having a hard time position the button in the right place on my page. I can see the button in EA, but the position I set it in there is not maintained once the file is published.
Thus, I would like to know how to include the code directly in EA as I am doing with the Twitter and facebook buttons.
Second:
Adding this to the html document (not in EA):
<div id="gplus1" data-action="share" data-annotation="bubble" class="edgeLoad-EDGE-467457915"></div>

<script type="text/javascript">
      (function() {
                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                po.src = 'https://apis.google.com/js/plusone.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
</script>
Again, this works, although with this code I don't know how to customize the name, description and image for the info I am sharing.
In this case I was able to include the code on EA adding the following to document.compositionReady:
var googleplus = sym.$('googleplus');
var click = "javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');";
var g = '<a href="https://plus.google.com/share?url={http://baloka.com/content/socialApp/fb.html}" onclick="click";return false;"><img src="https://www.gstatic.com/images/icons/gplus-16.png" alt="Share on Google+"/></a>';
googleplus.html(g);
The problem here is that instead of opening a window, it replaces the page with the one supposed to be on a different window, which I don't like.
So, in short, I need some help figuring out how to include the code directly in EA for the first method for Google+.

I don't have an answer for you, but I do have a question. You said the FB code works. What did you do? What did you put in your html page? I tried the FB code above and it gives me an ID error. Appreciate it if you can elaborate more. I just posted the ff in the forum "Customizing FB Share in Edge Animate"
Thank you!

Similar Messages

How do i add a facebook share button to my webpage

how do i add a facebook share button to my webpage

I use a Facebook logo and then encourage people to like the page. But I do have a couple of clients who have asked me to do this.
Here's the link on Facebook's site for share buttons:
https://developers.facebook.com/docs/plugins/share-button/

How to add the Date Track Button

How to add the Date Track Button on a customized Form ?
1. Profile of Datetrack:Enabled = Yes
2. All HR Forms includes the Date Trak Button
3. On the Customized Form "Alter Date Track" can be activated from Menu :Tool --> Alter Date Track.
I'd Like the Button to appear on button ruller.
Thanks for help

Rachel,
Please review the following notes, it may be helpful.
Note: 177733.1 - How Date Track Works
https://metalink2.oracle.com/metalink/plsql/ml2_documents.showDocument?p_database_id=NOT&p_id=177733.1
Note: 169059.1 - Understanding the Flow of Date Track Dates Through the Forms
https://metalink2.oracle.com/metalink/plsql/ml2_documents.showDocument?p_database_id=NOT&p_id=169059.1

How to add an 'Embed Code' button?

I publish a webcomic in Flash that is a simple slideshow:
http://minigiggles.com
I would like to add an 'embed code' button that copies the embed code to the users clipboard so they can easily embed my cartoon on their site. How do I build that button?
Thanks,
Tom

@Allan: Actually, the inability to add prefixes to phone numbers is quite annoying. Disallowing prefixes for those of us who need it is not "user friendly and convenient", even if we are not in the majority. Prefixes are needed when dialing international calls from different cards, temporarily disabling caller ID, etc, etc. Adding the prefix to each contact is very inconvenient option, as there is no way to do it automatically.
Third party apps can provide the feature, one is suggested above. However, for some reason Apple has decided that third party apps cannot add the signs # and * to numbers. In my case, I have an iPhone through my employer. I need to add a prefix containing those signs when making private calls. Now, I guess I could manually enter the prefix in each non-company contact in my address book. You tell me if that is user friendly, or something a computer could do for me.

How to add an image or button to an AdvancedDataGrid cell with wrapped text alongside

I have an advanced data grid with which i need to add either
images or buttons to individual cells alongside the text.
This i can do, but what i can't figure out is how to make the
text wrap.
Currently, I can make cell text wrap by using an itemRenderer
which extends Text. Or, I can add an image or button to a cell by
using an itemRenderer which extends HBox and contains an image or
button child. To this HBox i can add a Text or Label object also,
but i can't make the text wrap.
Does anyone have any ideas/suggestions/solutions????
Thanks
Mark

"ms10" <[email protected]> wrote in message
news:g8jlb5$l6p$[email protected]..
>I have an advanced data grid with which i need to add
either images or
>buttons
> to individual cells alongside the text.
>
> This i can do, but what i can't figure out is how to
make the text wrap.
>
> Currently, I can make cell text wrap by using an
itemRenderer which
> extends
> Text. Or, I can add an image or button to a cell by
using an itemRenderer
> which
> extends HBox and contains an image or button child. To
this HBox i can add
> a
> Text or Label object also, but i can't make the text
wrap.
>
> Does anyone have any ideas/suggestions/solutions????
I'd look at the code for AdvancedDataGridGroupItemRenderer
and try to see
what keeps it from displaying an icon in the columns that are
not grouping
columns. I'd then extend it to change that and use an icon
function.
HTH;
Amy

How to add custom link or button to task details page to open a different t

Dear All
In HumanTasks Workflow, On task details page, I want to add a custom link or button. Clicking on this link or button, should load a different task details page.
The exact business usecase is like this:
1. We have some human tasks with very detailed payload like about 100 attributes. When the task is submitted for Approval, we send notification emails. These emails shows the Task Details with all these 100 attributes along with standard Approve, Reject buttons etc. NOW in addition to this, we want to add extra custom button/link like Custom View. When we click on this buton or link, it should replace the task details page with the Custom task details page contents. The reason is most of the managers/approvers access their emails on smart phones like iphones. So in these phones, seeing full task details (100 attributes) is very tedious. So we want to provide a simplified view of same task with very minimum attributes like about 10 with Approve, Reject buttons. Now this compact view details will have a button called Detailed View on click on which it loads details page.
So we want to have 2 pages for a task:
taskDetails1.jspx -> Has all 100 attributes with a custom button/link called "Compact View". Click on Compact View switch to below page.
taskCompact1.jspx -> Has only 10 attributes with a custom button/link called "Detailed View". Click on Detailed View switch to above page.
1. I tried implementing this using the VacationRequest sample where the payload is like creator, startdate, enddate, reason. I already have taskDetails1.jspx page, which shows this information in the email body.
2. I want to add another button to taskDetails1.jspx so that when I click on it, I want to load a different page like taskCompact.jspx which has only say creator, reason.
I already added a link and gave the url with parameters like taskId, taskContext etc which I got from bindings, but nothing is displayed when I click on custom button. The taskId, context values are comming correctly in the url.
So bottom line, what is the URL that I can provide in the task details page, to load a different task details page contents. I want to pass other taskdetails jsp details.
Please let me know, if there is any other approach to implement this usecase.
Thanks in advance
Ravi Jegga

Hi,
I am not sure if you can add your own custom buttons to the application tool bar because your table control is in a sub screen area in a standard screen so the menu area would be controlled by the standard screen and not the subscreen , but along side the table control you can give buttons for scrolling and handle the same in the subscreen if you check the FM EXIT_SAPLMEREQ_002 it has a variable IM_UCOMM which would have the ucomm set in the subscreen so here you can handle your user command to scroll on the table control.
Regards,
Himanshu

How to add a Facebook send button to blog post

I am not able to get the Facebook Send button to pull the blog post's unique url to share. It pulls the main blog url.
I added the Facebook plugin code to a content holder I created because I cannot find the container.html, so I decided to make my own Facebook module.
Then I pulled the module into my blog post list module. I want the share buttons to appear after each blog post.
What am I missing? What is the tag to pull the specific URL for the post to share it? Do I change the URL in the Facebook code: <div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="icon_link"></div> ?
I think this link pulls the button itself from Facebook?
When I call up my module in the blog list it looks like this:
<div id="SocialMediaShare">
{module_contentholder,3272408, url="{tag_blogposturl}"} 
</div>

thanks!

I don't have an answer for you, but I do have a question. You said the FB code works. What did you do? What did you put in your html page? I tried the FB code above and it gives me an ID error. Appreciate it if you can elaborate more. I just posted the ff in the forum "Customizing FB Share in Edge Animate"
Thank you!

How to add sound to a button in storyboards on xcode Version 4.6.2 (4H1003)?

i am running xCode Version 4.6.2 (4H1003) on my macbook air with mountain lion.
i am trying to add sound to a button that is in the scroll view but i cant?
PLEASE I NEED HELP ASAP!!!

Have you looked in the Attribute Inspector got the button? You can attach simple sounds to the button there,
If you need more look at NSSound Class

Looking for tutorial: how to add a big "Play" button to a web Flash video

Can't seem to find out how to do this: I've imported a Flash
8 video to
a web page (with autoPlay set to false) and it has a
controller skin
underneath it, but I'd also like to show a big "Play"
triangle button in
the centre of the video, like you see on all the Youtube
videos. How do
I add that and make it start the video? Any clues for the
clueless
would be appreciated!

Nickels55 wrote:
> Not too difficult.
> First create your button or movieclip with the big
arrow.
> Give your flv playback component an instance name like
vid.
> Create a new layer above the video layer. Drag your
button/movieclip to the
> stage.
> Give the button/movieclip an instance name like
vidcontrol.
>
> Put this actionscript on the frame (not attached to the
button or component):
>
> vidcontrol.onPress = function(){
> vidcontrol._visible= false; //makes arrow
button/movieclip invisible
> vid.play(); //makes video play
> }
>
> Tested code and concept and it works perfect.
Brilliant, works like a charm. Thanks very much, Nickels55!
Is there a way I can add something like your
"vidcontrol._visible=
false;" to the "Mojaveexternalall.swf" skin as well? Right
now if I
click on the big arrow, everything works fine, but if I click
on the
Mojaveexternalall's small Play arrow instead, that new button
layer
doesn't disappear.

How to add image as radio button label instead of text

In a pure AS3 project, is there a way to add use an image placed in the library/ Flex/AIR SDK compiler path instead of text as a radio button label?
I've tried substituting character may unicode like:
rb1.label = String.fromCharCode("0x2592");
But how this displays is dependent on the device, font character availability. Displays unpredictably.
Would prefer anyway to use an image that I can create in AI.
Any help appreciated.

OK. I tried this, and it works.
(Hopefully, the image will display in the same location, next to the radio button, on different devices.)
Thank you.

Anyone know how to add a border to buttons in JOptionPanes?

I can't find a way to add a border to the buttons on my JOption dialog boxes. I would like them to have the same look and feel of my other buttons. Any suggestions?

This inspired me to look for a way to globally change the background color of JTextFields. ALso the color of JLabels and the font for labels and textfields. I searched the API for topics related to javax.swing.UIManager.put but cannot find anything helpful. Can you point me in the right direction or tell me how to do this?
Thanks

How to add upgrade safe custom button

We'd like to add a custom button to fire a custom action on the "CheckOutLinesPG".
I tried the personalization but that won't allow me to add the custom action. How can I add an action button and is upgrade safe?
Please advise.

Hi,
You may want to try the OA Framework forums.
Brenden

How to add Audio to a button

Exactly as the title says, how can I add a ding to one of my buttons whenever the user clicks it?

Hello,
This is relatively straightforward once you understand how to work with a Var in Siena
Assuming you start from blank screen
add your sound via App Data / Media (right click for the media
add an "Audio" control to you screen (right top cross)
in the "Autostart" of your Audio1 put "bstart" without the quotes
in the OnSelect of the button put
UpdateContext({bstart:false});UpdateContext({bstart:true})
So far you will then have a button that plays you that sound.
You will have to decide what to do with the action you have behind. If the action is within the same screen you can add directly after the OnSelect of the button.
Most likely you will need to move to another screen and then you should add the action in the OnEnd of your audio control
Navigate(Screen2,ScreenTransition!Fade)
Two remarks
You can set the visibility of your Audio1 to "false" (select the audio and go to express view "visible". If you want to select it again and toggle the visibility you can use the control drop down on the top left to select your Audio1
If you have multiple buttons you want to add the sound the safest way is to add a few other players as otherwise the OnEnd will be quite tricky if you just use one. You can safely point the audio control to the same media file but replace the bstart
I mentioned above to "bstart1" for the first, "bstart2" for the second, etc.
Hope this explains it a bit.
Regards
StonyArc
http://www.stonyarc.com http://www.xboxlivenation.com

How to add the google swiffy extension to Flash Pro CS6 or CC

I have downloaded the google swiffy extention however after adding it to flash pro inthe extension manager it has a check box saying (enabled) but it doesnt show under window>extensions in the Flash pro app. Are there any guides on how to do this or somehting im missing? I've heard Flash CC could support html extensions so I installed Flash CS6 but that doesn't let me add the extension either. Any support with this is would be very nice.

Thanks I see the export feature however I just have one last issue with it, when I try to export a simple swf that contains a simgle tween I get this error http://puu.sh/6DRYl.png. What can I do about that?
Edit- this only happens with Flash Pro CC not the CS6 version.

How to add more than one button control on import of skin?

I am importing a skin from photoshop that I customized and exported. For my particular project I need more than one button type with different sizes, dimensions, colors, etc. In example the buttons for the navigation are going to be different than buttons to print, or email, and buttons that are bigger for the main custom component also need to be different. I tried changing the naming convensions in the .PSD file but I can't get it to export more than one button type. Is there a way to do this?
Thanks,
Ryan

hi,
even i am searching for some thing similar.
i want to have 3 calendars in one page.
getting same message calendar already exists on page 2. You can only add one calander per page. Select a different page.
pls help.

How to add a google+ share button to a composition?

Similar Messages

Maybe you are looking for