http://xlab6.com Prado development notes, musings, and tips. Tue, 02 Oct 2007 02:32:22 +0000 http://backend.userland.com/rss092 en A virtual appliance (VWMare image ) with an installation of Prado 3.1 and the following components is now available. * PHP 5.2.3 (in fast-cgi mode) * Lighttpd 1.4.7 (mod_rewrite and fast-cgi enable) * Prado 3.1 (including demos) * PostgreSQL 8.2.4 * phpPgAdmin 4.1.3 ... http://xlab6.com/prado-php5-vmware-image/ The complete [[http://www.pradosoft.com/demos/blog-tutorial/|Prado blog tutorial]] is now updated. Split over 6 videos to a sum of about 60 mins in total. Flash plugin is required. * [[http://www.xlab6.com/video/blog-tutorial/?movie=0 | Day 1 - Creating a Contact Page]] [8:02 (4.6 Mb)] * [[http://www.xlab6.com/video/blog-tutorial/?movie=1 | Day 2 - Setup Database]] [4:36 ... http://xlab6.com/redo-of-prado-blog-tutorial-videos/ Here are some screen casts following the blog tutorial demos included in the Prado 3.1 Release Candiate (the demo that is, not the videos). * [[http://xlab6.com/video/day1/|Blog tutorial day 1]] [10 mins (4.8 Mb)] * [[http://xlab6.com/video/day2/|Blog tutorial day 2]] [4.5 mins (2.4 Mb)] * [[http://xlab6.com/video/day3a/|Blog tutorial day ... http://xlab6.com/prado-video-tutorials/ Here is a quick way to centre an image within a box using only CSS (and using css __expression__ for Internet Explorer). Vertical Image Alignment .content { width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid red; } .content img { margin-top: expression((100 - this.height)/2); } The __.content__ class creates a box of width 100x100 pixels. We set the **display** ... http://xlab6.com/vertical-align-image-using-css-firefox-and-ie/ Here is a very [[http://xlab6.com/assets/chapter2/chapter2.html|basic introduction to retreiving some data from a MySQL]] database using [[http://wiki.cc/php/PDO_Basics|PDO]] and displaying the results in a data grid. The tutorial starts assuming that you have downloaded and unpacked the [[http://www.pradosoft.com/download/|Prado distribution]]. The tutorial is meant for the quickest introduction in retreiving data. Generally, you will ... http://xlab6.com/screencast-using-pdo-with-data-grid/ A new demo that utilises many of Prado's features has been added to the trunk. The Time Tracker is a business web application for keeping track of hours spent on a project, with ability to handle multiple resources as well as multiple projects. The time tracker sample application have the ... http://xlab6.com/prado-time-tracker-demo/ Many of Prado's web controls are testing using a web functional test based on combination of [[http://www.openqa.org/selenium/|Selenium]] and [[http://www.lastcraft.com/simple_test.php|SimpleTest]]. Here is an [[http://xlab6.com/assets/chapter1/chapter1.html|screencast example of creating a unit test case and a functional web test case]]. Screencast details: * length: approx ~ 4 mins (3 Mb) ... http://xlab6.com/unit-and-functional-test-tools-in-prado/ An [[http://xlab6.com/example/activesample.php?page=Calculator|AJAX calculator example for Prado v2.1x]] was done a few months ago. The same can now be done in Prado v3 using the latests code from the [[http://trac.pradosoft.com/browser/trunk|SVN trunk]]. To begin, we create the template with 3 textboxes and a button. Save the template file as, say, __Calculator.page__ + ... http://xlab6.com/activecontrols-callback-calculator-example/ **Update (28/4/2006): ** You must extend __TCompositeControl__ abstract class rather than __TTemplateControl__. One of the easiest method of creating a new custom component is by template composition. For example, suppose we want to create a labelled textbox component, that is, a textbox component with a label attached. Let us call this ... http://xlab6.com/creating-new-prado-components-by-template-composition/ Since Prado 1.0 the TDatePicker component used the feature rich javascript calendar from http://www.dynarch.com/projects/calendar/. There are a few problems with this calendar, namely, it was difficult to localized (i.e., a calendar in your own language). ** Example:** see [[http://xlab6.com/prado3/tests/FunctionalTests/tests.php?page=UI.DatePicker| the functional test for the date picker]]. So for Prado v3.0 ... http://xlab6.com/new-datepicker-for-prado-v30/