All Howtos and Tutorials

All Grok howtos and tutorials.

Using YUI on Grok

In this tutorial you'll be learning how to use the Yahoo! User Interface Library, or YUI in short in your Grok project. YUI is a JavaScript and CSS library providing all sorts of handy components that you can use to make you site work an look better without too much effort, and in a cross-browser compatible way.

Adding a YUI menu

We'll first define a menu using megrok.navigation, and then override the default template to make it YUI compatible. Then call some YUI js code to make it work.

Conclusion

What have we learned?

JSON meets the Panel

Finally, we'll see how to use JSON for data interchange in Grok. We'll also see how to use a YUI Panel in the process.

Setting up the basics

Adding the requirements and setting up a basic layout

Introducing AJAX

Up until now we haven't done anything AJAXy, however. We've used some JavaScript to make the page look a bit more dynamic, but that's about it.

Return to sender

All we've done now is requesting data from the server. How about sending some to the server? We'll add an edit tab with a form that posts the data without reloading the entire page.

Handling file uploads with zope.app.file and zope.file

If you want to handle files in zope, you can use the zope.app.file and zope.file packages.

Using a KSS plugin for Drag-and-Drop

In addition to the core commands that kss.core provides, richer client actions can be plugged into the KSS machinery. In this example, we use a plugin called kss.plugin.yuidnd. This plugin provides drag-and-drop using the Yahoo UI library.

Adding AJAX to Grok with KSS

How to setup KSS (Kinetic Style Sheets) in a Grok application; how to start with the framework.

Releasing software

Steps to take when releasing software.

Graphical debugging of Grok with Komodo IDE

Set up the Komodo IDE graphical debugger for your Grok project.

How to get started with Dolmen

Dolmen is set of libraries to create a CMS. You will learn how to get started with Dolmen.

Searching Objects

Indexing the contents of your objects allow you to perform fast complex search operations.

How to internationalize your application

In this howto, you will learn how to internationalize your code, extract translatable strings and translate your application into an other language.

Adding a layer

The layer we add will allow us to override and extend views in the default view.

Implementing the Name Chooser

We now have a simple name chooser adapter, but it doesn't really do anything useful, and it doesn't fix the problems we had with the URL's.

Grok Setup

Follow the Grok Tutorial instructions on installing Grok an setting up a project.

Models

Creating the application data model.

Adding Objects

To add polls, we want to provide a Web form for the users.