Page tree

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 12 Next »

Via system configuration it is possible to customize the default configuration of these 2 tabluar views (for other tabular views this could also be enabled with some development).

It is possible to adjust the column width, the column order and if a column is hidden or visible by default.

Setting the visibility

To define, if a column should be hidden, use the hidden attribute as shown in the example above. If you want to show it instead by default, set hidden to false. 

Setting width

To set the width, use the width attribute as shown in the example above. Please note, that some columns have a defined minimum width. Where this is the case, a width that is set in the config and that is smaller than the minimum width set in the application itself will be ignored.

Setting the order

For defining the order of the columns, all columns that exist in the table must be listed in the configuration. If you do not list all columns in your configuration, only the visibility of the listed columns and their width will be adjusted but the order of your configuration will be irrelevant.

How to build a configuration the easy way

  1. Open the tabular view in question in translate5
  2. Adjust its configuration in a way that it suits your needs
  3. Open the console in Firefox or Chrome by pressing F12
  4. Grid configuration
    • Get configuration string for multiple grids by executing the following function (the output of this function will be ready to use grid configuration string):
      - Editor.app.getGridState();
    • Query single grid configuration by executing one of the following queries in the console:
      - For the user management table: Ext.ComponentQuery.query('#adminUserGrid')[0].getState();
      - For the task management table: Ext.ComponentQuery.query('#adminTaskGrid')[0].getState()
  5. Copy the result and reformat it in a way that it fits the code example shown below
  6. Open the database table Zf_configuration for editing and search for the row where name = "runtimeOptions.frontend.defaultState".
  7. Set the value of this row to a JSON object analogous to the example shown below
// On this example, changes will be applied over 'adminTaskGrid' and 'adminUserGrid'
//example: column configuration with column order included
//NOTE: don't add the comments in your column configuration
{
    "#adminUserGrid": {
        "columns": [{
            "id": "targetLanguage",
            "width": 100
        }, {
            "id": "sourceLanguage",
            "width": 100
        }, {
            "id": "roles"
        }, {
            "id": "gender"
        }, {
            "id": "surName"
        }, {
            "id": "email"
        }, {
            "id": "login"
        }, {
            "id": "firstName"
        }, {
            "id": "userGridActionColumn"
        }]
    },
//example: column configuration without column order included
//NOTE: don't add the comments in your column configuration
    "#adminTaskGrid": {
        "columns": [{
            "id": "taskName",
            "hidden": true
        }, {
            "id": "taskGuid",
            "hidden": true
        }]
    }
}
  • No labels