The Listing has been initialized with the default General Settings. Listing needs to be initialized by setting a Data Source.

When enabled, the module title is displayed at the beginning of the top button bar.

This will be displayed as modal title. Supports Tokens.

Use font awesome version 6.2 classes to label the button with icons. (fa-*shortcode*). You can use 4 different styles - Solid(fas), Regular(far), Light(fal) and Brands(fab). Example:(fas fa-*shortcode*).

Enable the option so that the tooltips be displayed in the grid, in inline edit mode

If this is enabled, Listing will be invisible if there is no data to be shown.

If search is disabled, the search box is hidden, even if there are fields marked as searchable.

In every column with search enabled, rows will be incorporated if there is an exact character match (regardless of case) in any part of the columns.

This setting cauese the views to only display data when the user has provided the search terms.

The text is displayed in the input field before the user enters a value. The "search.placeholder" value from .resx file will be used if this field is empty. This field supports Tokens.

The delay after the grid starts the search request.
Please input a value between 0 and 3000. The value represents milliseconds.

If filters are disabled, the filter buttons and dropdowns hidden, even if there are fields marked as filterable.

Enable this option to sync URL with current sort, pagination and filters. Useful for navigating back using browser button, bookmarking, sharing and integrating with other modules.

If there are multiple listing modules on the page, the prefix helps differentiate which parameters reflect to this module. Otherwise, the 2 modules will use the same parameters, which could result in unwanted behavior. The url will change from yourapp.com/?page=1 to yourapp.com/<prefix>page=1

Enable this option so the grid always display in inline edit mode. Note that item and grid button will not be available when this option is on.

These actions will be executed for each updated row. All field data is available as tokens.

These actions will be executed after the update is finished. Here you have access to the following entities: ActionGridEntry (the initial data) and UpdatedActionGridEntry (the updated data).

Turn off this option if you want to prevent FontAwesome from being loaded on the page.

Logs detailed debug information under [PortalHome]/Logs/ActionGrid folder

Input CSS Classes separated by space.

Refresh this Listing when a Boostrap modal is closed.

Shows or hides the CSS loading animation of Listing.

Enable this option if you want to embed this Listing in other websites or other pages.

This option is only available for Enterprise or Plant an App / App Builder plans
Learn more about common issues and limitations like Mixed Active Content and X-Frame-Options.
Warning! The popup functionality is not working in the embedded grid (i.e.: open Action Form in popup, open fileManager in popup).

Embed Code:

If this option is enabled the grid will be initialized when the tab is active.

If this option is enabled the grid will be refreshed when the tab is active.

Trigger the Tabs loading animation from Listing.

These actions will be executed after a drag and drop event. After a row is moved all field data is available as tokens for both the moved row with [<FieldName>], and the row above it with [prev:<FieldName>].
For HierarchyView, you have access to [future:<FieldName>]. 'prev' will point to previous parent and 'future' will point to new parent.
The datasource information of the set Listing is not automatically updated to reflect the changes. This option is available only in grid template.

If this option is enabled the actions will be executed on drop event.

These methods are available to interact with ActionGrid inside the browser, they are loaded through the file actiongrid.js

  • dnnsf.api.actionGrid.refresh(moduleId, delay) - forces a data refresh from back-end - delay is in milliseconds
  • dnnsf.api.actionGrid.showGridOrPopup(moduleId, modalSettings, clearGridQueryString) - Display: Manual/In Popup
  • dnnsf.api.actionGrid.showGrid(moduleId, clearGridQueryString) - Display: Manual - clearGridQueryString is boolean
  • dnnsf.api.actionGrid.showGridPopup(moduleId, modalSettings, clearGridQueryString) - Display: In Popup - modalSettings is an object consisting of modal settings from Bootstrap 3, clearGridQueryString is boolean
  • dnnsf.api.actionGrid.hideGridOrPopup(moduleId) - Display: Manual/In Popup
  • dnnsf.api.actionGrid.hideGrid(moduleId) - Display: Manual
  • dnnsf.api.actionGrid.hideGridPopup(moduleId) - Display: In Popup
  • dnnsf.api.actionGrid.clearGridQueryString(moduleId) - this method searches for parameters in the url that contain the moduleId and deletes them and replaces the url

Module Instance Rev. no. {{sharedData.config.RevisionNumber.Value}}, Last saved by: {{sharedData.config.RevisionLastChangedBy.Value}} on {{sharedData.config.RevisionLastChangedDate.Value}}.