HowTo: configure the style of the Grids New Row

Official Content
This documentation is valid for:

The New Row style in grids is configured by using the New Row Class property available in the Theme.

New Row Class is a class property in the Theme available for Grids and Free Style Grids, whose purpose is to configure the class that will determine the settings of the grids "new row" link. See the image below where the "new row" link is highlighted:



How to use the New Row Class property 

First, check the class associated with the grid (in the example it is the Grid class), and edit the New Row Class  property for the Grid class in the Theme.



By default, the value of New Row Class is GridNewRow, which is a descendant of the Texblock class.

There you can change the settings of the GridNewRow class as desired; for example, changing the Font Size would be as follows:



If you want to change the text or position of the "new row" functionality, you need to use a control to execute that action:

  • Drag a control to the form (it can be a button or text block where the user can click), and assign it the caption and the Theme class more convenient to your design
  • Use the AddLines method the make GeneXus know that the default "New Row" link has to be eliminated and it will be replaced by your link.

See Grids in Web Transactions for more information about this topic.


Here we've added a button to the form, whose On Click Event is "AddLines".


The control name of the transaction's grid is GridCustomer_Address so the AddLines event is as follows:

Event 'AddLines'

At runtime: