Is it possible to make a button inside a grid cell to look like a link?

[Stavros]

Hello guys!

I have a button inside a grid cell that I am using to open a new tab in the tabstrip component.

The button displays a contract number

Is it possible to make this button look like a link?

Thank you!

[Hetali]

Hello Stavros,

To make the buttons in the Kendo UI Grid Cell look like a link, use the following CSS snippet:

<kendo-grid [data]="gridData">
  <kendo-grid-column field="ContractNumber">
    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
      <button class="gridButton" kendoButton (click)="changeTabStrip(rowIndex)">
        {{dataItem.ContractNumber}}
      </button>
    </ng-template>
  </kendo-grid-column>
</kendo-grid>

.gridButton {
  background: none;
  border: none;
  color: blue;
  text-decoration: underline;
}

.gridButton:active,
.gridButton:focus,
.gridButton:hover {
  background: none;
  border: none;
  box-shadow: none;
}

In this StackBlitz example, the buttons in the Grid Cell look like a link.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik