processBorderRadius

[ Function ]

public static processBorderRadius(
    element: JQuery | HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement> | HTMLElement | undefined,
    valueNew: TcHmi.BorderRadius | null | undefined
): void;

Sets the border radius for one or more HTML elements.

Parameter

Name

Type

Description

element

Info: Type HTMLElement supported from version 1.10
Info: Types HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement> from version 1.10.1171.21

JQuery, HTMLElement[], NodeListOf<HTMLElement>, HTMLCollectionOf<HTMLElement>, HTMLElement, undefined

  • jQuery collection with the elements to be changed
  • any array-like element list (also for example from document.querySelectorAll() or document.getElementsByClassName())
  • Single HTML element

valueNew

TcHmi.BorderRadius, null, undefined

Object for the radius.

Return value

Type

Description

void

No return value

processBorderRadius 1:

Available from 1.8

Sample - JavaScript

var newElem = $('<div class="testdiv"></div>');
TcHmi.StyleProvider.processBorderRadius(newElem, 
    {
        topLeft: 20,
        topRight: 30,
        bottomRight: 40,
        bottomLeft: 10
    }
);