Comdev - More PHP Modules For Your Website Reuse To Save Time and Cost
All Modules Under One Back-End 

Modules Builder Lite > Using Page Objects New Release!

Add Record List/Edit/Delete Menu Label Record Display Form Submission



Using Add Record Page Object

Below are the tutorials for customizing back-end page and its functionality using 'Add Record' page object. Let's say, you've installed a Desktop Computer Catalog module on your Modules Builder Lite and now you wish to customize its existing page that enables you to add records manually through the back-end system.

Edit Page Object

  1. Login to your 'Modules Builder Lite' and run 'Desktop Computer Catalog' module that you've installed. Otherwise, browse to the module's ZIP file on your PC and install it.

  2. Now, let's proceed to module's Launch Builder and a page similar to above will prompt out. On this page, select Back-End design area and click on the Edit Page Object. Begin your customization by simply select the page you wish to edit, e.g. 'Add Desktop'.

  3. Edit form's name at your own preference and select menu's location either to categorize it as main menu or submenu. Also, reallocate the display sequence in the menu and update Table's name in database. Click on the 'Update' button once you're done.

Add/Edit Form's Fields

  1. Now, let's proceed to insert or edit form's fields by simply click on the Insert Field or Edit Field. You can also click on the or icon adjacent to each field. There are different type of fields in which you can select from.

    Textbox

    1. Label - Insert or edit field's label that will display in your form adjacent to the textbox, e.g. 'Code'.

    2. Name - This is your database field name, e.g. code. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your textbox in your form either on the Left or Right.

    5. Display - Place your textbox on top in your form before other fields or choose to display textbox within existing fields.

    6. Width - Set your textbox size in pixel.

    7. Value - Add or edit text and value that you wish to assign to this field. Write a short tips if necessary to give users a hint of what to input in the textbox. If the value you wish to use is PHP code, click on the below checkbox to 'Interprete field's value as PHP code'. For example, you may wish to use return date("Y-M-D"); as your field's value.


    Textarea

    1. Label - Insert or edit field's label that will display in your form adjacent to the textarea, e.g. 'Brief Description'.

    2. Name - This is your database field name, e.g. description. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your textarea in your form either on the Left or Right.

    5. Display - Place your textarea on top in your form before other fields or choose to display textarea within existing fields.

    6. Width & Row - Set field's width in pixel and number of rows (height) of your textarea. .

    7. Value - Add or edit text and value that you wish to assign to this field. Write a short tips if necessary to give users a hint of what to input in the textarea. If the value you wish to use is PHP code, click on the below checkbox to 'Interprete field's value as PHP code'. For example, you may wish to use return date("Y-M-D"); as your field's value.


    Selection - Display multiple options in a drop down list.

    1. Label - Insert or edit field's label that will display in your form adjacent to the drop down box, e.g. 'Product Type'.

    2. Name - This is your database field name, e.g. type. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your drop down box in your form either on the Left or Right.

    5. Display - Place your drop down box on top in your form before other fields or display it within existing fields.

    6. Validation - Validate field, e.g. Not Empty, Is Integer, or Is Email.

    7. Multiple & Size - Enable this option to allow multiple selection and enter how many options to be displayed in this field.

    8. Select Options - You can get value from module's table or database.

      1. Get value from table - Select which module's table that you wish to get the option values from.
      2. Get value from database - Select which database table that you wish to get the option values from.

      OR
      You can also manually add multiple option selections into this field. Enable 'Set as default value' to set option as default. Click on 'Save' button once you're done.


    Radio Button

    1. Label - Insert or edit field's label that will display in your form adjacent to the radio button, e.g. 'Gender'.

    2. Name - This is your database field name, e.g. gender. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your radio button in your form either on the Left or Right.

    5. Display - Place your radio button on top in your form before other fields or choose to display radio button within existing fields.

    6. Validation - Validate field, e.g. Not Empty, Is Integer, or Is Email.

    7. Select Options - You can get value from module's table or database.

      1. Get value from table - Select which module's table that you wish to get the option values from.
      2. Get value from database - Select which database table that you wish to get the option values from.

      OR
      You can also manually add multiple option selections into this field. Enable 'Set as default value' to set option as default. Click on 'Save' button once you're done.


    Checkbox

    1. Label - Insert or edit field's label that will display in your form adjacent to the checkbox, e.g. 'Product Type'.

    2. Name - This is your database field name, e.g. type. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your checkbox in your form either on the Left or Right.

    5. Display - Place your checkbox on top in your form before other fields or choose to display checkbox within existing fields.

    6. Validation - Validate field, e.g. Not Empty, Is Integer, or Is Email.

    7. Select Options - Get Value from module's table or database.

      1. Get value from table - Select which module's table that you wish to get the option values from.
      2. Get value from database - Select which database table that you wish to get the option values from.

      OR
      You can also manually add multiple option selections into this field. Enable 'Set as default value' to set option as default. Click on 'Save' button once you're done.


    Date - The icon is shown by default when you create this field.

    1. Label - Insert or edit field's label that will display in your form adjacent to this field, e.g. 'Date'.

    2. Name - This is your database field name, e.g. date. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your field in your form either on the Left or Right.

    5. Display - Place your field in the beginning of your form before other fields or display it within existing fields.

    6. Width - Set your field size in pixel.

    7. Value - Add or edit text and value that you wish to assign to this field. Write a short tips if necessary to give users a hint of what to input in the field. If the value you wish to use is PHP code, click on the below checkbox to 'Interprete field's value as PHP code'. For example, you may wish to use return date("Y-M-D"); as your field's value.

    8. Validation - Validate field, e.g. Not Empty, Is Integer, or Is Email.


    File - This field enable users to upload documents and images in JPG, GIF, DOC, PDF format.

    1. Label - Insert or edit field's label that will display in your form adjacent to textbox, e.g. 'File'.

    2. Name - This is your database field name, e.g. file. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your field in your form either on the Left or Right.

    5. Display - Place your field on top in your form before other fields or display it within existing fields.

    6. Width - Set your field size in pixel.

    7. Validation - Validate field, e.g. Not Empty, Is Integer, or Is Email.


    Text/Label

    1. Label - Insert or edit text or label to display in your form.

    2. Name - This is your database field name. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your label in your form either on the Left or Right.

    5. Display - Place this field on top in your form before other fields or display it within existing fields.


    Hidden - This field is not visible to the public in the front-end web page. It is use as counter, status (pending or active), etc.

    1. Label - Insert or edit text or label to display in your form.

    2. Name - This is your database field name. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for your field in your form either on the Left or Right.

    5. Display - Place this field on top in your form before other fields or display it within existing fields.

    6. Width - Set field's width in pixel.

    7. Value - Add or edit text and value that you wish to assign to this field. Write a short tips if necessary to give users a hint of what to input in the field. If the value you wish to use is PHP code, click on the below checkbox to 'Interprete field's value as PHP code'. For example, you may wish to use return date("Y-M-D"); as your field's value.


    HTML Editor

    1. Label - Insert or edit text or label to display in your form.

    2. Name - This is your database field name. Keep the name short, no space is allowed, and cannot be left blanked.

    3. vAlign & Align - Select field's alignment such as 'vAlign' (Top, Middle or Bottom) and 'Align' (Left, Center or Right).

    4. Location - Choose the display location for this HTML editor in your form either on the Left or Right.

    5. Display - Place your field on top in your form before other fields or display it within existing fields.

    6. Width & Height - Set field's width and height in pixel.

    7. Value - Add or edit text and value that you wish to assign to this field. Write a short tips if necessary to give users a hint of what to input in the field. If the value you wish to use is PHP code, click on the below checkbox to 'Interprete field's value as PHP code'. For example, you may wish to use return date("Y-M-D"); as your field's value.

    8. Validation - Validate field, e.g. Not Empty, Is Integer, or Is Email.

    9. Toolbar - Choose toolbar type either Default, Basic or BasicNoFont.

Customize Field's Value

  1. Create or update respective fields in your form by simply change its text and value that you wish to assign to this field. Write a short tips if necessary to give users a hint of what to input in the field.

  2. If the value you wish to use is PHP code, click on the below checkbox to 'Interprete field's value as PHP code'. For example, you may wish to use return date("Y-M-D"); as your field's value. Click on the 'Save' button once you're done.

Get Value From Module's & Database Tables

  1. When you create specific fields such as 'Multiple Selection', 'Radio Button' and 'Checkbox', you can easily get option values from module's 'Table' or from your existing 'Database'.

  2. To get value from available module's table, click on the 'Table' tab and select which Module's Table that you wish to get the option values from. Then, select any Field Name to get its 'Label' and 'Value'. Subsequently, click on the 'Assign' button.

  3. Or, you can click on the 'Database' tab and select your Database Table that you wish to get the option values from. Then, select which Field Name to get its 'Label' and 'Value'. Subsequently, click on the 'Assign' button.

  4. Alternatively, you can manually add multiple Labels and Values into 'Multiple Selection', 'Radio Button' and 'Checkbox' fields. Click on the 'Set as default value' checkbox to select specific option as default. Click on the 'Save' button once you're done.

Back-End - Add Desktop

Your 'Add Desktop' form will appear in your 'Modules Builder Lite' back-end system. You can now add records manually and save it into your database.


Back to the top




Shop with Confidence

• Risk Free Trial
• Free Installation
• Cost Saving Discount
• 24/7 Secure Ordering


Modules Builder Lite
  Introduction
  Getting Started
  Product Features
  Screenshots
  Requirements
  Tutorials
  Trial Download
  Featured Clients
  Testimonials
  Pricing/Order

Modules Library
FREE download modules packages, install them and customise features.

Click here >>>

Using Page Object
Discover more on how to use the page objects when creating your modules.
• Add Record
• List/Edit/Delete
• Menu Label
• Record Display
• Form Submission

Learn More
  Documentation
  Support Forum
  Knowledgebase

Copyright © 2002-2007 by Comdev Software Sdn Bhd. All Rights Reserved. License Agreement Privacy Policy Site Map