Yootheme WidgetKit & Form2Content
![compat f2c lite](/images/stories/compat_f2c_lite.png)
![compat f2c pro](/images/stories/compat_f2c_pro.png)
In this documenation we will show how you can integrate some of the WidgetKit functions.
WidgetKit documentation
We will try and add links as we find them to relevant WidgetKit documentation.
- In the component backend you will find HTML code examples for the lightbox, mediaplayer & spotlight.
- On the Yootheme widgetkit demo website you can find most documentation and examles under the latest template (go to the widgetkit menu item).
WidgetKit lightbox integration
If you want to create a popup slideshow of F2C (article) images you can only do this using the Widgetkit Lightbox option. For each image you can use the Widget syntax:
Change this to F2C template code and you get:
(please ignore the / in the url's, these are added by the editor.)
Repeat this code for each image in your form, of course you can add layout etc.
(YOURFIELDNAME = name of your image field).
Make sure your images outputs are set to RAW. If you only want to show 1 image thumb, place the others in a hidden div tag. Yootheme needs the image references in order to group them into a popup slideshow.
I used the above effect also on this page (not with images but with text), you can see the tempate code in the right hand column:
http://documentation.form2content.com/documentation/f2c-template-parameters
Please note: Depending on your choice of template parameters, F2C Lite might have some limitations. The WidgetKit function does however work.