#viewhelper

[devsieben]

Hier mal wieder ein hilfreiches Snippet bzw. ein Extbase / Fluid Viewhelper für Zwischendurch.

[michelalbers-blog]

FLOW3 / FLUID MultiSelect Checkboxes in an edit form

Now you got your multiple checkboxes running, you propably want an edit form, where the correct values are "checked". Well - FLOW3 and FLUID do not offer such a feature out of the box. But it is shockingly easy to write an own viewhelper which does just that. 

Go to <yourflow3root>/Packages/YOURCOMPANY/YOURAPP/Classes/ViewHelpers (create the folder ViewHelpers if not already there)  

Create a new File called "IsCheckedViewHelper.php"  

Paste the following code: http://pastebin.com/C9BXd0rs  

In the second line adjust the namespace according to your project  

Go to your template where you want to use the viewhelper  

At the top add:

{namespace custom=YOURCOMPANY\YOURAPP\ViewHelpers} 

In the <f:form.checkbox> tag add:

checked="{custom:isChecked(object:'{singleobject}', collection:'{model.collection}') }"

Change {singleobject} and {model.collection} to your specific names.  

Great success!

[michelalbers-blog]

A simple datepicker with FLOW3 / FLUID

I'm playing around with FLOW3 and it's template engine fluid. At one point I was in need for a simple datepicker widget for giving my users a nice and clean way to select a date. The backend job is to convert the date given by the user to a dateobject that can be persistet in the database.

So i read a lot of the FLOW3 documentation and there was no mention whatsoever in any forum, blog or the official docs about a datepicker.

Well - good news: The FLOW3 package TYPO3.Form is the solution to your problem. Just follow these simple steps:

Fire up terminal and head to the base folder of your FLOW3 installation. Enter the following command:

./flow3 package:import TYPO3.Form

Clear your caches by entering:

./flow3 flow3:cache:flush

If not already present, add jQuery and jQuery UI (be sure to enable datepicker) to your layout:

<script type="text/javascript" src="path/to/jquery.js"></script> <script type="text/javascript" src="path/to/jqueryui.js"></script> <link rel="stylesheet" type="text/css" href="path/to/jqueryui.css"</link>

In your template (e.g. /classes/controllers/postcontroller.php) add:

{namespace form=TYPO3\Form\ViewHelpers}

Add the datepicker element to your form:

<form:form.datePicker id="date" property="date" />

The capital P in datePicker is neccessary!

Success! Refresh your form and you should be given a nice jQuery DatePicker which does dateobject conversion on its own :)

If there is a better way of doing this please leave a message.

Happy datepicking!