Skip to main content

Custom Fields

This module supports the display of customfields (for games) within the modal. The customfields & customfield groups can be created in the FootballManager component in the Games or Location section.

You can include the custom fields in six different positions, theoretically it is also possible to include the fields multiple times if you want to use them for banner ads for example. In the module settings you will find three radio buttons in the Custom Fields (Details) and three others in Custom Fields (Content) tab:

  • Game Field Groups before Game Details
  • Game Field Groups after Game Details
  • Location Field Groups after Location Details

The field groups in the Customfields (Details) tab refer to a display in the Details tile, here the fields (with optional label) are displayed together with the other data in a table view. The field groups selected in the Customfields (Content) tab are displayed in the content area of the modal, i.e. before/after the respective description text.

In the module you cannot select individual fields but the field groups. So you have to categorize the game or location customfields into fieldgroups to be able to use them here.

Official Joomla! documentation for Customfield usage: Link

If you have now created field groups you can select them in the module backend for display.

FootballManager games cfgroups selected

We have included the Advertising field group before the game details in content.

If you have selected a field group you can define further parameters for the display of this group via the additional option. You can choose if the field including the label should be displayed inside the modal (the label will then be rendered in a separate DIV container with the class nx-modal-jfield-label). About the two text fields you can use native UIkit CSS classes or your own classes for styling. The image above shows the options for including custom fields in the content area of the modal. Including custom fields in the detail area is slightly different because the options here are predefined by the predefined table layout.

For developers:
The display structure for custom fields in content is as follows:

    <div class="nx-modal-jfieldgroup /*YOUR CUSTOM FIELDGROUP CSS CLASSES*/">
        <div>
            <div class="nx-modal-jfield /*YOUR CUSTOM FIELD CONTAINER CSS CLASSES*/">
                <div>
                    <div class="nx-modal-jfield-label /*FIELD LABEL CSS CLASSES*/">
                        <span>FIELD LABEL</span>
                    </div>
                </div>
                <div>
                    <div class="nx-modal-jfield-value /*FIELD VALUE CSS CLASSES*/">
                        FIELD VALUE
                    </div>
                </div>
            </div>
        </div>
        <!-- Field 2...n -->
    </div>
    <!-- Field Group 2...n -->

Note:
Fieldvalues also support the inclusion of modules or plugins, for example, in a text field.

Note:
The customfield function was tested with the standard Joomla! customfields. We cannot make any statements about whether third party customfields work.

Other Articles