Demo 2

This is the layout same as on https://flexi.odude.com/layout/ 
It is also using demo2 layout. 
demo2 layout contains gallery & detail layout.

Follow the steps below to install demo2 layout on Flexi gallery plugin.

First you import flexi_demo2.zip file. This will add new layout to the Flexi plugin.

Enable custom fields

Enter label for flxi_field_1 & flexi_field_2 which will be displayed in gallery.

Make demo2 layout as primary gallery

Since we are using detail layout, turnoff popup and select detail layout as demo2

All now we need to is to collect information from user. Copy paste the below form in POST PAGE. Eg. https://flexi.odude.com/submit-layout/

[flexi-common-toolbar]
[flexi-form class="flexi_form_style" title="Submit to Flexi" name="my_form" ajax="true" detail_layout="demo2"][flexi-form-tag type="post_title" class="fl-input" title="Title" value="" required="true"][flexi-form-tag type="other" new_type="url" name="flexi_field_1" title="Code"]
[flexi-form-tag type="other" new_type="url" name="flexi_field_2" title="Download"]
[flexi-form-tag type="article" class="fl-textarea" title="Description" ]
[flexi-form-tag type="file" title="Select screenshot.png file" required="true"]
[flexi-form-tag type="submit" name="submit" value="Submit Now"]
[/flexi-form]

Next we want user to edit the submitted post. For this Flexi-PRO is required and update EDIT page with code below. 
[flexi-common-toolbar]
[flexi-standalone edit="true"]
[flexi-form class="flexi_form_style" title="Submit to Flexi" name="my_form" ajax="true" edit="true" detail_layout="demo2"]
[flexi-form-tag type="post_title" class="fl-input" title="Title" value="" required="true" edit="true"]
[flexi-form-tag type="other" new_type="url" name="flexi_field_1" title="Code" edit="true"][flexi-form-tag type="other" new_type="url" name="flexi_field_2" title="Download" edit="true"]
[flexi-form-tag type="article" class="fl-textarea" title="Description" edit="true" ]
[flexi-form-tag type="submit" name="submit" value="Submit Now"]
[/flexi-form]

Leave a Reply

Your email address will not be published. Required fields are marked *