Data Input Forms.Custom Form Layouts

Appearance

View mode
Number of cards in a row 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.
	Large desktop
	Desktop
	Tablet
	Phone

Page size

Total record count: 21.

Records per page

PHP Generator allows you to customize layouts for Edit, Insert, View and Multi-Edit forms with just a few lines of code. All you need to customize the layout for a form is to define the appropriate OnGetCustomFormLayout event handler.

You can group related input controls in a form as well as manage the location of the controls within the groups. Both horizontal and vertical forms are supported as well as all the editing modes (separate page, modal window, and inline editing).

Click Insert or any of Edit or View buttons to see the customized template in action. Click the button to get familiar with the event handler code.

        protected function doGetCustomFormLayout($mode, FixedKeysArray $columns, FormLayout $layout)
        {
            $layout->setMode(FormLayoutMode::VERTICAL);
            
            $commonGroup = $layout->addGroup('Common info', 5);
            $commonGroup->addRow()->addCol($columns['model_name']);
            $commonGroup->addRow()->addCol($columns['colors']);
            $commonGroup->addRow()->addCol($columns['release_year']);
            $commonGroup->addRow()->addCol($columns['release_month']);
            $photoGroup = $layout->addGroup('Photos', 7);
            $photoGroup->addRow()
                ->addCol($columns['photo_large'], 7)
                ->addCol($columns['photo_back'], 5);
            
            $dimensionGroup = $layout->addGroup('Dimensions');
            $dimensionGroup->addRow()
                ->addCol($columns['height'], 6)
                ->addCol($columns['length'], 6);
            $dimensionGroup->addRow()
                ->addCol($columns['width'], 6)
                ->addCol($columns['weight'], 6);
            
            
            $displayGroup = $layout->addGroup('Display');
            $displayGroup->addRow()
                ->addCol($columns['display_type'], 6)
                ->addCol($columns['display_size'], 6);
            $displayGroup->addRow()
                ->addCol($columns['display_resolution_x'], 6)
                ->addCol($columns['display_resolution_y'], 6);
            
            // Placing multiple groups in a row
            $hardwareGroup = $layout->addGroup('Hardware', 6);
            $hardwareGroup->addRow()->addCol($columns['chipset'], 12);
            $hardwareGroup->addRow()->addCol($columns['cpu'], 12);
            $hardwareGroup->addRow()->addCol($columns['gpu'], 12);
            
            $softwareGroup = $layout->addGroup('Software', 6);
            $softwareGroup->addRow()->addCol($columns['os_basic'], 12);
            $softwareGroup->addRow()->addCol($columns['os_upgradable'], 12);
            $softwareGroup->addRow()->addCol($columns['web_browser'], 12);
            
            // Placing 3 editors in a row
            $storageGroup = $layout->addGroup('Storage', 12);
            $storageGroup->addRow()
                ->addCol($columns['storage_min'], 4)
                ->addCol($columns['storage_max'], 4)
                ->addCol($columns['storage_external'], 4);
            
            $cameraGroup = $layout->addGroup('Camera', 12);
            $cameraGroup->addRow()
                ->addCol($columns['camera_resolution'], 4)
                ->addCol($columns['camera_video_max_x'], 4)
                ->addCol($columns['camera_video_max_y'], 4);
            
            
            $batteryGroup = $layout->addGroup('Battery', 12);
            $batteryGroup->addRow()
                ->addCol($columns['battery_type'], 6)
                ->addCol($columns['battery_standby_max_time'], 6);
            $batteryGroup->addRow()
                ->addCol($columns['battery_talk_max_time'], 6)
                ->addCol($columns['battery_music_play_max_time'], 6);
        }

	Model Name	Release Year	Display Size	Colors
	Apple iPhone 12 Pro Max	2020	6.7	Gold,Silver,Graphite,Pacific Blue
	Apple iPhone 12 Pro	2020	6.1	Gold,Silver,Graphite,Pacific Blue
	Apple iPhone 12	2020	6.1	Black,Blue,Green,Red,White
	Apple iPhone 12 mini	2020	5.4	Black,Blue,Green,Red,White
	Apple iPhone SE (2020)	2020	4.7	Black,Red,White
	Apple iPhone 11 Pro Max	2019	6.5	Gold,Midnight Green,Silver,Space Gray
	Apple iPhone 11 Pro	2019	5.8	Gold,Midnight Green,Silver,Space Gray
	Apple iPhone 11	2019	6.1	Black,Green,Purple,Red,Yellow,White
	Apple iPhone XS Max	2018	6.5	Gold,Silver,Space Gray
	Apple iPhone XS	2018	5.8	Gold,Silver,Space Gray
There are no records to display