Info [cXF] Facebook Sidebar Block

Status
Not open for further replies.

BassMan

Staff member
Administrator
Messages
775
Likes
404
Website
www.customizexf.com
#1

Description:

This add-on will add a Facebook Page widget to your sidebar. It's useful if you want to give users an option to choose if they want to have see a Facebook widget or not. Read more below.

* if you will use Font Awesome icons, it is recommended to install this add-on: [cXF] Font Awesome Switch 4.6.1 | customizeXF, unless you already have them installed by a third party style or add-on.


Download it here: [cXF] Facebook Sidebar Block

Features:
  • add Facebook Page widget to sidebar with options to show timeline, events and/or messages
  • show notice to users with a button to enable widget
  • useful if you don't want to load Facebook cookies or just not to show widget if user don't want it
  • the block is highly customizabe (color, button color...)
  • all text is phrased so it's easily editable
  • plugin will show in sidebar container like all other sidebar widgets
  • option to show plugin in sidebar, above or below forum list
  • option to disable plugin on small devices with extra option to show a notice on small screens
  • option to show Facebook icon
  • option to show Facebook icon on the right side of the block (need [cXF] Sidebar Extension)
  • option to show Facebook block beside Twitter block (if installed) (see screens here: [cXF] Facebook Sidebar Block)
  • [bd] Widget Framework compatible (check this post for more information)

Some screens:
View media item 42

Installation:

  1. Download and unzip it
  2. From your Admin Control Panel, go to the "Install Add-on" page
  3. Upload the xml file and click the Install Add-on button.


How to change text in notice?
  • for title edit cxf_fsb_notice_title phrase
  • for description edit cxf_fsb_notice_description phrase
  • for button text edit cxf_fsb_notice_preferences phrase


Note:
  • designed and tested on default style
 
Last edited:

BassMan

Staff member
Administrator
Messages
775
Likes
404
Website
www.customizexf.com
#3
What's new in version 1.2.0:
  • plugin will show in sidebar container like all other sidebar widgets. Example on customizexf.com:
upload_2016-1-10_16-41-6.png
  • option to show plugin in sidebar, above or below forum list:
upload_2016-1-10_16-42-52.png
  • option to disable plugin on small devices with extra option to show a notice on small screens:
upload_2016-1-10_16-44-5.png

... notice if plugin is disabled (fully phrased and editable):

upload_2016-1-10_16-52-31.png

How to upgrade:
  • install the XML file
 

BassMan

Staff member
Administrator
Messages
775
Likes
404
Website
www.customizexf.com
#7
What's new in version 1.3.1:
  • css fix for better integration on mobile devices if using side-by-side Facebook and Twitter block
Example (with some options turned on):

fsb_tsb_sidebyside.gif

Example for notice:

fsb_tsb_notice_sidebyside.gif

How to upgrade:
  • install the XML file
 

BassMan

Staff member
Administrator
Messages
775
Likes
404
Website
www.customizexf.com
#8
What's new in version 1.3.2:
  • if you use Font Awesome icons and have them already installed with third party style or add-on, then [cXF] Font Awesome Switch add-on is not required any more although it is recommended
  • added aria-hidden="true" for Font Awesome icons

How to upgrade:

  • install the XML file
 

BassMan

Staff member
Administrator
Messages
775
Likes
404
Website
www.customizexf.com
#9
How to use with [bd] Widget Framework:

Note:
  • to limit the view permission of Facebook Sidebar Block you need to edit Expression field in [bd] Widget Framework
  • it is not possible to show the Notice Block and use it with custom user fields

Enable add-on in widget (sidebar):
  1. Add a new Widget in [bd] Widget Framework and choose renderer [Advanced] Template (not [Advanced] Template (without wrapper))
  2. In the Template field add this: cxf_facebook_sidebar_block
  3. In the Position field add this: forum_list
  4. In the Title field type the widget title.
 
Status
Not open for further replies.
Top