Extended Design Properties

0
Does anyone have a complete list of the widget names you should use in the extended design properties I am looking for the one for Badge.   Thanks!   Example:   { "com.mendix.widget.custom.badge.Badge": [ { "description": "Wijzig de badge op basis van Kadans", "name": "Custom Badges", "options": [ { "class": "badge badge-pill badge-primary"", "name": "Badge Primair" }, { "class": "badge badge-pill badge-info", "name": "Badge Informatief" }, { "class": "badge badge-pill badge-success", "name": "Badge Succes" }, { "class": "badge badge-pill badge-warning", "name": "Badge Waarschuwing" }, { "class": "badge badge-pill badge-danger", "name": "Badge Foutmelding" }, { "class": "badge badge-pill badge-primary", "name": "Interactief Primair" }, { "class": "badge badge-pill badge-info", "name": "Interactief Informatief" } ], "type": "Dropdown" } ], "Button": [ { "description": "Wijzig de knop op basis van Kadans.", "name": "Custom Buttons", "options": [ { "class": "kds-btn", "name": "Generic" }, { "class": "kds-btn kds-btn-primary", "name": "Primary" }, { "class": "kds-btn kds-btn-secondary", "name": "Secondary" }, { "class": "kds-btn kds-btn-cta", "name": "Call-to-action" }, { "class": "kds-btn kds-btn-success", "name": "Succes" }, { "class": "kds-btn kds-btn-info", "name": "Info" }, { "class": "kds-btn kds-btn-warning", "name": "Warning" }, { "class": "kds-btn kds-btn-danger", "name": "Danger" }, { "class": "kds-btn kds-btn-outline-success", "name": "Outlined Success" }, { "class": "kds-btn kds-btn-outline-info", "name": "Outlined Info" }, { "class": "kds-btn kds-btn-outline-warning", "name": "Outlined Warning" }, { "class": "kds-btn kds-btn-outline-danger", "name": "Outlined Error" }, { "class": "disabled kds-btn kds-btn-primary", "name": "Disabled" }, { "class": "kds-btn kds-btn-primary", "name": "Met een icoon" } ], "type": "Dropdown" } ], "ListView": [ { "class": "HideListWhenEmpty", "description": "Hide list when no results are found", "name": "Hide list when empty", "type": "Toggle" } ] }    
asked
3 answers
2

from Takuma:

 

Hi Jason, for our custom/pluggable widgets, it's the widget id you need. There are multiple ways to find it:

  1. Open the widgets mpk (e.g. with 7zip), look for the widget xml and in there you can find the id (see screenshot)
  2. Look for the xml in our widgets repo https://github.com/mendix/web-widgets/blob/main/packages/pluggableWidgets/badge-button-web/src/BadgeButton.xml
  3. This is a new one and more of a coincidence because we're working on translating Studio Pro UI, but we just added English widget translation files to Atlas Core, which results in a lot of json files using the widget id and a metadata file containing the list as well:
   "com.mendix.widget.custom.badge.badge",
        "com.mendix.widget.custom.badgebutton.badgebutton",
        "com.mendix.widget.custom.carousel.carousel",
        "com.mendix.widget.custom.colorpicker.colorpicker",
        "com.mendix.widget.custom.maps.maps",
        "com.mendix.widget.custom.progressbar.progressbar",
        "com.mendix.widget.custom.progresscircle.progresscircle",
        "com.mendix.widget.custom.rangeslider.rangeslider",
        "com.mendix.widget.custom.richtext.richtext",
        "com.mendix.widget.custom.slider.slider",
        "com.mendix.widget.custom.starrating.starrating",
        "com.mendix.widget.custom.switch.switch",
        "com.mendix.widget.web.accessibilityhelper.accessibilityhelper",
        "com.mendix.widget.web.accordion.accordion",
        "com.mendix.widget.web.areachart.areachart",
        "com.mendix.widget.web.barchart.barchart",
        "com.mendix.widget.web.barcodescanner.barcodescanner",
        "com.mendix.widget.web.bubblechart.bubblechart",
        "com.mendix.widget.web.chartplayground.chartplayground",
        "com.mendix.widget.web.columnchart.columnchart",
        "com.mendix.widget.web.combobox.combobox",
        "com.mendix.widget.web.datagrid.datagrid",
        "com.mendix.widget.web.datagriddatefilter.datagriddatefilter",
        "com.mendix.widget.web.datagriddropdownfilter.datagriddropdownfilter",
        "com.mendix.widget.web.datagridnumberfilter.datagridnumberfilter",
        "com.mendix.widget.web.datagridtextfilter.datagridtextfilter",
        "com.mendix.widget.web.dropdownsort.dropdownsort",
        "com.mendix.widget.web.events.events",
        "com.mendix.widget.web.fieldset.fieldset",
        "com.mendix.widget.web.fileuploader.fileuploader",
        "com.mendix.widget.web.gallery.gallery",
        "com.mendix.widget.web.googletag.googletag",
        "com.mendix.widget.web.heatmap.heatmap",
        "com.mendix.widget.web.htmlelement.htmlelement",
        "com.mendix.widget.web.image.image",
        "com.mendix.widget.web.languageselector.languageselector",
        "com.mendix.widget.web.linechart.linechart",
        "com.mendix.widget.web.markdown.markdown",
        "com.mendix.widget.web.piechart.piechart",
        "com.mendix.widget.web.popupmenu.popupmenu",
        "com.mendix.widget.web.selectionhelper.selectionhelper",
        "com.mendix.widget.web.timeline.timeline",
        "com.mendix.widget.web.timeseries.timeseries",
        "com.mendix.widget.web.tooltip.tooltip",
        "com.mendix.widget.web.treenode.treenode",
        "com.mendix.widget.web.videoplayer.videoplayer"

 

answered
1

Dat is "com.mendix.widget.custom.badgebutton.BadgeButton"

 

Je kan het opzoeken in de design-properties van Atlas Core

answered
0

Thanks !

answered