View source for Facebook like Portlet

<includeonly>
[[Category:Portlets]]
</includeonly>
{{FeatureInfo
|editions=wcm,ecm,comm
|fromversion=6.0
|wikicomplete=100%
|interest=enduser,builder
|enduserlink=
|builderlink=
|developerlink=
|sysoplink=
}}
 
{| style="margin-left:2em;" align="right"
| __TOC__
|}

=Overview=
{{LeadImage|Facebook_like_portlet_1.png|Example title}} Facebook Like Portlet enables you to add Facebook actions to your portal, such as Like and Recommend. You can easily modify the main properties for example the style or the width of the layout, the action, the font of the button, the color schema and whether it shows faces. The posted hyperlink will be the current page's URL.
{{clear}}

=Details=

=Properties=
== Own properties ==
{|class="sn-table" width="90%"
! width="20%" | Property
! width="20%" | Property name for embedding
! width="15%" | Possible values
! width="45%" | Description
|-
| Layout style
| LayoutStyle
| Standard<br />Button and count
| You can choose between two standard layouts. Default value is the ''Standard'' layout
|-
| Show faces?
| ShowFaces
| true/false
| You can specify whether to display profile photos below the button. It works only in standard layout
|-
| Width
| ButtonWidth
| positive whole number
| The width of the Like button
|-
| Like button text
| Action
| Like<br />Recommend
| The verb to display on the button. Default value is ''Like''
|-
| Like button font
| ButtonFont
| Arial<br />Lucida<br />Grande<br />Segoe<br />Ui<br />Tahoma<br />Trebuchet<br />Ms<br />Verdana
| You can choose which font to display in the button
|-
| Color schema
| ColorSchema
| Light<br />Dark
| You can choose between two available color schemas: light and dark. Default value is ''Light''
|}

=User group informations=
== for End users ==
===How to use ===
To use this portlet you can simply add it to a page with the 'Add Portlet' action. When you added it, it will work properly with default settings but you can simply customize it as it was mentioned below.
== for Portal builders ==
===Customizing the portlet===
When this Facebook Portlet is added to a page you can easily modify it's parameters. To do so go to Edit mode on the page and click on the the ''Edit'' action at the top right corner of the portlet (see image below):

[[Image:Facebook_like_portlet_3.png|500px|thumb|center|The Edit action on the portlet]]

After this the '''Edit Panel''' is displayed. This panel allows the user to customize the portlet:

[[Image:Facebook_like_portlet_4.png|340px|thumb|center|The Edit panel]]

As the image shows there are several options here we can customize:
* '''Layout Style:''' 
** There are two options here. In ''Standard'' style mode the API will use ''Like'' button and it will list the people who like it as shown on the image: 

[[Image:Facebook_like_portlet_1.png|500px|thumb|center|Facebook Like Portlet with '''Like''' button]]

<br />

** In ''button_count'' style mode the API will use ''Recommend'' button and it will only show the number of the people who liked it:

[[Image:Facebook_like_portlet_2.PNG|500px|thumb|center|Facebook Like Portlet with '''Recommend''' button]]

* '''Show faces:''' Here you can define to show or to not to the image of the people who liked or recommended the actual page.
* '''Width:''' Here you can define the width of the API ''(inside the page template zone)'' in pixels.
* '''Like button text:''' Here you can define the button's text: ''Like' or ''Recomend''.
* '''Like button font:''' Here you can define a font that the API will use. Avalaible fonts are: ''arial'', ''lucida'', ''grande'', ''segoe'', ''ui'', ''tahome'', ''trebuchet'', ''ms'' or ''verdana''
* '''Color schema:''' Here you can define the color schema to be ''dark'' or ''light''.

===PageTemplate embedding code===
<source lang="html4strict">
</source>
===HTML fragment for skining===
<source lang="html4strict">
</source>

== for Developers ==

== for System operators ==


=Example/Tutorials=


=Related links=


=References=