newButton, newLabel, newComboBox, newTextField etc deprecated, what are the alternatives?

Questions
1

We recently upgraded our application from the 2024.3 LTS to the 2025.3 LTS. We are now getting a ton of warnings for deprecated methods for instances of newButton, newLabel, newComboBox, newTextField, etc.

For example:

image
image756×231 22.6 KB

Unlike other deprecated code, it doesn’t indicate what alternative to use. How can we substitute these deprecated methods?

2

Hi,

Thanks for posting on the forum.

The legacy built-in components (i.e. Button, Label, etc) are deprecated and you should use WebComponents, which are forward compatible with the newest versions of Servoy.

These are the same components that install with package manager and appear in the pallet.

In your example, you are using the solution model to programmatically create components. In this case, you should use the JSForm.newWebComponent method.

// create a button
let btn = myForm.newWebComponent("bootstrapcomponents-button");
btn.cssPosition.r("10px").b("10px").w("20%").h("30px")

Keep in mind that you now get a JSWebComponent instead of a strongly typed legacy component. So you must set component-specific properties according to its JSON spec using setJSONProperty

Also, if the rest of your (design-time) solution is using the deprecated components, then you will likely see a style mismatch.

So you kind of need to decide if you want to upgrade your whole solution’s component library.

Hope this helps!

Best,
Sean

3

You may want to install svyUtils$NGClient package which has helper methods for creating web components which you can extend.

4

Oh yeah good point @seain :slight_smile:

We don’t het have docs generated from source for helper modules, like this, but you can install it through the Package Manager and view the utility methods directly in GitHub.

5

Thanks for the info! I’ll go through the application and replace all these legacy components with the newWebComponents.