You are here:Support  >  Articles
instroduction to DNNSmart. Token Grid module

How to install this module and add the module on a page?

You can refer to this article and follow steps included.

How to configure this module?

Suppose we have the following table. It has four fields “image, title, description and category, and five lines of data.

We want to display these five lines of data in the front-end, and display three pieces of data per page. The URL has a parameter “Category. If the parameter value is Content, the displayed data will come from category “Content”. If the parameter value is Tool, the displayed data will come from category “Tool”. How do we use modules to implement it?

loading image

1, Please click “Dashboard” and enter Optiong Settings page, see screenshots below.

loading image

loading image

2, In Query String List, we input "Category=All". If there's no parameter "Category" in the URL, it will display "All" by default. Enter the statement to be queried in SQL Query and we use [Category] Query String Token, this can achieve filtering data through URL Query String. We configure Page Size to be 3.

loading image

Cache SQL Query Data: After checking this option, the data will be cached to improve the loading speed. If your data changes dynamically, this option is not recommended.

Cache Expired Time: This option controls the cache time.

3, We click "Preview Data" to see if the query is normal. After clicking it, everything is normal. The default value of "Category" is All.

loading image

4, Next, we will go to Template page and edit template. You can write styles in site or skin CSS.

loading image

5, After we finish configuration work, we can see the effect in the front-end as below.

loading image

6, We can click “Next” to view the data on the second page.

loading image

7, If we add "Category=Content" in the URL, the following effect will be achieved and it only displays the data whose category is Content.

loading image

8, Configuration is finished.  


This module is quite flexible. You can use it to customize any data you want to display. Thank you for reading.

Tags: token grid Categories:
about author



Although DNNSmart was newly founded in August 2012, we devoted to DNN development work since 2008. We specializes on the DotNetNuke (DNN) Content Management System including DNN skin design, DNN programming and website construction. Our development team is located in China, our professional and outstanding developers are passionate about web design, programming and web applications.

Comments (0)

    Leave a comment

    2000 character(s) remaining. Comment limited to 2000 characters.
    Post Comment
    • online quran says: Online Quran

      Sep 30, 2019
    • iwantcheats says: Iwantcheats

      Sep 30, 2019
    • Online Quran Academy says: Online Quran Academy

      Sep 30, 2019
    • Learn Quran Online says: Learn Quran Online

      Sep 30, 2019
    • bilal khan says: Stunning! This could be one unequivocal of the most productive regions We ave ever get together transversely over as for this issue. Genuinely Excellent. I am in addition an expert in this subject so I can comprehend your exertion.


      Sep 29, 2019
    • macrame toran says: Thanks for this beautiful blog if you want to learn macrame arts then contact me any time

      Sep 28, 2019
    Home   |   DNNSmart Store   |   Free Downloads   |   Support   |   Service   |   About Us