[martijnParticipant]

Thanks, I didn’t know you could use $ like this.

However i can’t seem to get it to work. I located the css-rule that applies the border and it’s this one:

/*applied to the Grid's element.*/
.jqx-grid
{
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
}

So I tried your examples but instead of jqx-scheduler i tried jqx-grid, sadly to no avail.

I tried logging the element property but it stays undefined. In inspector the css rule is never applied however.

[martijnParticipant]

Yes i meant the outer border! Thanks for the solution, however is there a way to do this with an Angular approuch? I odnt want to import jQuery. I tried this:

        this.renderer.setElementStyle(this.schedulerElementRef.nativeElement, 'border', 'none');

But that doesn’t work.

If I inspect the scheduling, i can see in the inspector that it’s the border of the ‘.jqx-grid’ class. So it’s indeed the outer border that i want to remove, but it’s part of the jqxGrid.

[martijnParticipant]

Found the solution, this needed to be added, dont know why though:

    "files": [
        "app/app.module.ts",
        "main.ts",
        "polyfills.ts",
        "../node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxbargauge.ts"
    ]

[Author]

Posts