Thursday, January 1, 2009

Using YUI with symfony 1.2 - Part 1

In this series of tutorials i will describe the features of the ysfYUIPlugin which adds YUI support to your symfony applications. Today i will just install the plugin and give you the chance to play around with the plugin after that. In the following tutorials i will show you the features of the plugin and how you can speed up your javascript development using it.

If you are using symfony and want to add js functionality to your website you have the choice of a large number of js frameworks. My framework of choice is nearly always the Yahoo! User Interface Library which is - thanks to Dustin Whittle - available as a plugin in symfony 1.1 and 1.2. Using this plugin you can easily use the complete library of YUI plus some cool symfony helpers to speed up your development.

To install the plugin you can check out a copy from symfonys plugin repository or include it to your svn:externals to the plugins directory
svn co http://svn.symfony-project.com/plugins/ysfYUIPlugin/branches/1.2 /path/to/project/plugins/ysfYUIPlugin
After you checked out the plugin create a symlink at web/static/ysf that points to plugins/ysfYUIPlugin/web/static.

Next add the YUI helper to you settings.yml:
    all:
# Helpers included in all templates by default
standard_helpers: [Partial, Cache, I18N, Form, YUI]
Now you're ready to use the plugin and you can play around with it until the next tutorial will be published. In the next tutorial i will cover the use of the ysfYUIPlugin Web Debug Toolbar.

1 comment:

  1. The ysfYUIPlugin is helpful but some widgets such as Calendar are missing :(

    ReplyDelete