In this article we will show how you can easily create a click code fragment on a board. Our fragment will show several customers to Customers Table and click anywhere in the fragment area will take us to the Customers Table in question.

1. Add a code fragment to the board. Use the code below. This is just a sample code and you can replace it with any code you choose.

PHP

$header = "Number of customers";
$number = DB::DBLookup("select count(*) from customers");
echo "Customers in the database: ".$number;

C#

dynamic number = null;
header = new XVar("Number of customers");
number = XVar.Clone(DB.DBLookup(new XVar("select count(*) from customers")));
MVCFunctions.Echo(MVCFunctions.Concat("Customers in the database: ", number));

2. Create and run your application. Drive to the control board page, click the right button on this fragment and choose “Inspect”. What we are looking for an identifier of the DIV that attaches our code fragment. In our case it will be daslement_cludflare_snippet1.

3. Add the following code to the dashboard: Onda JavaScript event. Here we are using the DIV ID that we have just found.

$( "#dashelement_cloudflare_snippet1" ).bind( "click", function() {
  location.href = Runner.pages.getUrl("customers","list");
});

That’s. Enjoy!