|
2 | 2 | title: "Pluggable Widgets API" |
3 | 3 | url: /apidocs-mxsdk/apidocs/pluggable-widgets/ |
4 | 4 | category: "API Documentation" |
5 | | -description: "This API helps you to understand pluggable widgets, how they extend app functionality, and how they can be built to interact with Mendix's APIs." |
| 5 | +description: "This API helps you to understand pluggable widgets, how they extend app functionality, and how they can be built to interact with Mendix's APIs in Mx10." |
| 6 | +no_list: false |
| 7 | +description_list: true |
6 | 8 | weight: 80 |
7 | 9 | tags: ["Widget", "Pluggable", "Custom", "JavaScript", "React"] |
8 | | -aliases: |
9 | | - - /apidocs-mxsdk/apidocs/pluggable-parent-9 |
10 | 10 | --- |
11 | 11 |
|
12 | 12 | ## 1 Introduction |
13 | 13 |
|
14 | | -Mendix comes with a wide variety of [Widgets](/refguide/pages/#widgets-categories), but sometimes your app requires a widget outside of this set. To support a more advanced UI pattern or create app-specific interactions, you will need to make your own pluggable widget. Your new pluggable widget can be used while modeling pages alongside standard Mendix components. It can also be shared between multiple apps and distributed through the [Marketplace](/appstore/). |
| 14 | +Mendix comes with a wide variety of [Widgets](/refguide/pages/#widgets-categories), but sometimes your app requires a widget outside of this set. To support a more advanced UI pattern or create app-specific interactions, you will need to make your own pluggable widget. This documentation will help you achieve that in Studio Pro 10. See these links for other versions' documentation: |
| 15 | +* [Mendix 9](/apidocs-mxsdk/apidocs/pluggable-parent-9/) |
| 16 | +* [Mendix 8](/apidocs-mxsdk/apidocs/pluggable-parent-8/) |
| 17 | + |
| 18 | +Your new pluggable widget can be used while modeling pages alongside standard Mendix components. It can also be shared between multiple apps and distributed through the [Marketplace](/appstore/). |
15 | 19 |
|
16 | 20 | You are in control of a pluggable widget's appearance and behavior. Customize a pluggable widget by implementing a widget as a plain [React](https://reactjs.org/) component written in JavaScript or TypeScript. The component will be rendered in a Mendix app, and will be able to use APIs provided by Mendix to interact with that app. |
17 | 21 |
|
@@ -155,10 +159,6 @@ For more complex help pages you can link to a markdown page. For security reason |
155 | 159 |
|
156 | 160 | #### 4.2.2 Toolbox Category {#toolbox-category} |
157 | 161 |
|
158 | | -{{% alert color="info" %}} |
159 | | -This feature was introduced in Mendix Studio Pro v9.4. |
160 | | -{{% /alert %}} |
161 | | - |
162 | 162 | To provide more clarity for Studio Pro users you can specify a toolbox category for your widgets. When provided, it determines a toolbox category for a widget in Studio Pro. It is possible to specify existing built-in categories such as **Data** or **Input** as well as new arbitrary categories like **Maps**. |
163 | 163 |
|
164 | 164 | When an existing category is specified, then your widget is placed in it next to existing built-in widgets. When a new category is specified, then your widget placed in that new category. |
@@ -291,11 +291,4 @@ Here is how a caption and description look in Studio Pro: |
291 | 291 |
|
292 | 292 | {{< figure src="/attachments/apidocs-mxsdk/apidocs/pluggable-widgets/card-description.png" alt="description" >}} |
293 | 293 |
|
294 | | -## 7 Read More |
295 | | - |
296 | | -* [Client APIs Available to Pluggable Widgets](/apidocs-mxsdk/apidocs/pluggable-widgets-client-apis/) |
297 | | -* [Declaring Native Dependencies for Pluggable Widgets](/apidocs-mxsdk/apidocs/pluggable-widgets-native-dependencies/) |
298 | | -* [Pluggable Widget Property Types](/apidocs-mxsdk/apidocs/pluggable-widgets-property-types/) |
299 | | -* [Preview Appearance APIs for Pluggable Widgets](/apidocs-mxsdk/apidocs/pluggable-widgets-studio-apis/) |
300 | | -* [Configuration Module API for Pluggable Widgets](/apidocs-mxsdk/apidocs/pluggable-widgets-config-api/) |
301 | | -* Pluggable Widget API information for [Mendix 8](/apidocs-mxsdk/apidocs/pluggable-parent-8/) |
| 294 | +## 7 Documents in this Section |
0 commit comments