This is a Page Reference field using the Page Autocomplete input
In this video, some of the tags we type match up with an existing one and some don't. When they don't, we simply hit enter and it adds it as a new one. This is especially handy if you are using a Page Reference field for something like tags or other selectable items that need to accept easy additions.
How to set it up
See the screenshot below to see how this particular field in the video was configured. Or, here's a description: To enable your autocomplete to add pages, edit your Page reference field. On the details tab, the multiple pages option should be selected. On the input tab, under Selectable Pages, make sure you have both a parent and template selected. Then check the box near the bottom that says "allow new pages to be created from field?". Save.
You can also add new pages from any of the other input types, but those appear as a separate entry box below the page selection input. What makes the Page Autocomplete different from the rest is that you can add the pages from the same input that you select them from. It makes sense here given that you are already typing what you want.
Note that the Page Autocomplete fieldtype is not installed by default. However, it does come with ProcessWire. To install it, go to Modules > Inputfield > and click install for Page Autocomplete.
Here's a screenshot of how the field in the video was configured (under Setup > Fields > any Page field > Input).
Comments
No comments yet. Be the first to post!
Post a Comment
Your e-mail is kept confidential and not included with your comment. Website is optional.
More Videos
Copy and paste photos In this video, Diogo demonstrates a new functionality he’s working on for ProcessWire 2.4: the ability to copy and paste (rather than upload) photos.
Managing a musician site Another great video from Tina Holly, this time demonstrating management of a musician web site in ProcessWire.
Managing a portfolio site Tina Holly from Tinacious Design demonstrates managing her portfolio site with ProcessWire. This comprehensive video effectively covers many aspects of managing content in ProcessWire.
Autocomplete Page Input Demonstrated here is a Page Reference field using the Page Autocomplete input. In this video, some of the tags we type match up with an existing one and some done. When they don’t, we simply hit enter and it adds it as a new one.
Image thumbnail module Demonstrates the new Thumbnail module to build a portfolio site. Module by Antti Peisa and video by Marty Walker.
Drag-and-Drop Uploads Demonstrates dragging files from your computer into ProcessWire CMS version 2.1.
Using the Page Fieldtype Short demonstration of the Page Fieldtype when combined with the new multi-select Page Inputfield.
Using the GMap Fieldtype Short video demonstrating installation and use of Qwertyeee’s GMap (Google Maps) Fieldtype.
AdminBar Module Video demonstrating Apeisa’s AdminBar plugin module for ProcessWire.
Twitter Puller Module for fetching data from Twitter and saving those results as pw pages.
Redirects Module This module adds page to Admin -> Setup -> Redirects where you can add 301 redirects (inside your site or to other domains).
Clean Admin Theme Apeisa demonstrates his Clean Admin theme and how it works with multiple resolutions using media queries.
Language Translation While the new language features are primarily for translating ProcessWire’s admin into other languages, this video shows an example of how easy it is to use the language translation functions in your own site templates.
Repeater Field Type A quick example of the new ProcessWire Repeater Fieldtype in action.
Make new pages within page field Demonstrates a new feature in ProcessWire where you can configure a page reference field to allow creation of new page reference pages from within the field.
Field-Template Context This video demonstrates how you can adjust the admin context of individual fields according to the template they are placed in. When you adjust the context in this manner, it only changes the settings for when a field appears in that template.
ProcessWire Form Builder This module lets you create simple-to-complex forms and place them in your site without any need for development.
