|
Here you can select the number of cards to be placed in a row for each of supported screen resolutions. Your current resolution is highlighted in this way. |
||
Total record count: 200.
| page(s). |
This example demonstrates how to customize Edit and Insert forms in a separate page. You need to override templates forms/form.tpl and forms/page_form.tpl and then bind them with the OnGetCustomTemplate event. Click the button to see how to do it.
protected function doGetCustomTemplate($type, $part, $mode, &$result, &$params)
{
if ($part == PagePart::VerticalGrid
&& ($mode == PageMode::Edit || $mode == PageMode::Insert)) {
$result = 'custom_page_form.tpl';
}
if ($mode == PageMode::FormEdit || $mode == PageMode::FormInsert) {
$result = 'custom_form.tpl';
}
}
{include file="page_header.tpl" pageTitle=$Grid.Title pageWithForm=true}
<div class="col-md-12 js-form-container" data-form-url="{$Grid.FormAction}&flash=true">
{* <Custom template> *}
<div class="form-actions form-actions-top row">
<div class="col-md-12">
<div class="row">
<div class="{if $isHorizontal}col-sm-9 col-sm-offset-3{else}col-md-8 col-md-offset-2{/if}">
<div class="btn-toolbar">
<button type="submit" class="btn btn-primary js-save js-primary-save" data-action="open" data-url="{$Grid.CancelUrl}">
{$Captions->GetMessageString('Save')}
</button>
<a href="#" class="btn btn-default js-save js-multiple-insert-hide" data-action="edit">{$Captions->GetMessageString('SaveAndEdit')}</a>
<a class="btn btn-default" href="{$Grid.CancelUrl}">{$Captions->GetMessageString('Cancel')}</a>
</div>
</div>
</div>
</div>
</div>
{* </Custom template> *}
<div class="row">
<div class="js-form-collection {if $Grid.FormLayout->isHorizontal()}col-lg-8{else}col-md-8 col-md-offset-2{/if}">
{foreach from=$Forms item=Form name=forms}
{$Form}
{if not $smarty.foreach.forms.last}<hr>{/if}
{/foreach}
</div>
</div>
{if $Grid.AllowAddMultipleRecords}
<div class="row" style="margin-top: 20px">
<div class="{if $Grid.FormLayout->isHorizontal()}col-lg-8{else}col-md-8 col-md-offset-2{/if}">
<a href="#" class="js-form-add{if $Grid.FormLayout->isHorizontal()} col-md-offset-3{/if}"><span class="icon-plus"></span> add another record</a>
</div>
</div>
{/if}
{* <Custom template> *}
<div class="form-actions row">
<div class="col-md-12">
<div class="row">
<div class="{if $isHorizontal}col-sm-9 col-sm-offset-3{else}col-md-8 col-md-offset-2{/if}">
<div class="btn-toolbar">
<button type="submit" class="btn btn-primary js-save js-primary-save" data-action="open" data-url="{$Grid.CancelUrl}">
{$Captions->GetMessageString('Save')}
</button>
<a href="#" class="btn btn-default js-save js-multiple-insert-hide" data-action="edit">{$Captions->GetMessageString('SaveAndEdit')}</a>
<a class="btn btn-default" href="{$Grid.CancelUrl}">{$Captions->GetMessageString('Cancel')}</a>
</div>
</div>
</div>
</div>
</div>
{* </Custom template> *}
</div>
<form id="{$Grid.FormId}" class="form-horizontal" enctype="multipart/form-data" method="POST" action="{$Grid.FormAction}">
{if not $isEditOperation and $Grid.AllowAddMultipleRecords}
<div class="btn-group pull-right form-collection-actions">
<button type="button" class="btn btn-default icon-copy js-form-copy" title="Copy"></button>
<button type="button" class="btn btn-default icon-remove js-form-remove" style="display: none" title="Delete"></button>
</div>
{/if}
<div class="clearfix"></div>
{include file='common/messages.tpl' type='danger' dismissable=true messages=$Grid.ErrorMessages displayTime=$Grid.MessageDisplayTime}
{include file='common/messages.tpl' type='success' dismissable=true messages=$Grid.Messages displayTime=$Grid.MessageDisplayTime}
{* <Custom template> *}
<div class="row">
{assign var=Columns value=$Grid.FormLayout->getColumns()}
<div style="margin: 0px 20px;">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#about-{$Grid.FormId}" aria-controls="about-{$Grid.FormId}" role="tab" data-toggle="tab">About</a></li>
<li role="presentation"><a href="#add-info-{$Grid.FormId}" aria-controls="add-info-{$Grid.FormId}" role="tab" data-toggle="tab">Additional info</a></li>
<li role="presentation"><a href="#media-{$Grid.FormId}" aria-controls="media-{$Grid.FormId}" role="tab" data-toggle="tab">Media</a></li>
</ul>
<div class="tab-content" style="margin-top: 20px; min-height: 350px">
<div role="tabpanel" class="tab-pane active" id="about-{$Grid.FormId}">
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.title}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.original_title}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.tagline}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.overview}
</div>
<div role="tabpanel" class="tab-pane" id="add-info-{$Grid.FormId}">
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.release_date}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.original_language_id}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.genre_id}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.runtime}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.rating}
</div>
<div role="tabpanel" class="tab-pane" id="media-{$Grid.FormId}">
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.poster}
{include file="custom_templates/custom_form_column.tpl" Col=$Columns.trailer}
</div>
</div>
</div>
</div>
{foreach key=HiddenValueName item=HiddenValue from=$HiddenValues}
<input type="hidden" name="{$HiddenValueName}" value="{$HiddenValue}" />
{/foreach}
{* </Custom template> *}
{if $flashMessages}
<input type="hidden" name="flash_messages" value="1" />
{/if}
<div class="row">
<div class="col-md-12 form-error-container"></div>
</div>
{include file='forms/form_scripts.tpl'}
</form>|
|
||
| Column | Order | |
|---|---|---|
This demo application contains 100+ pages and illustrates most of features provided by PHP Generator. Hope it will help you to create even more powerful websites for your users.
You can download the demo project from our website and run the demo on your webserver as described in readme.txt.