自定义进度圈的颜色
Customize the color of a progress circle
我在 Mendix Studio Pro 9.2.0 中使用“进度圈”小部件（2.0.0 版），我想单独更改每个进度圈的颜色，主要是默认显示为蓝色的部分。通过查看 Chrome DevTools，我发现属性 stroke 可能正在存储颜色，但我不确定。在 Appearance > Common > Style 表单中添加 stroke: red 无效。另一方面，添加background: red确实起到了改变进度圈背景的预期效果。
有人能帮忙吗？我是 Mendix 的新手，非常感谢您的帮助。
通过查看文档，我找到了小部件的源代码。
检查此 link：https://github.com/mendixlabs/progress-circle/tree/master/src/ui
在 ui 文件夹中有一个 theme.scss 和 _variables.scss，开发人员在其中定义驱动小部件的颜色或主题的变量。你可以从那里得到一些提示。
我不是建议 rebuild 小部件，但您当然可以通过下载小部件（下载 .mpk）然后将扩展名更改为 .zip 然后更改源代码来这样做。
或者，由于您已经可以检查小部件的 DOM，您可以执行以下操作：将 class 赋予小部件根 DOM 元素。然后使用级联 CSS 选择器，您可以深入到影响背景的元素。
我在 Mendix Studio Pro 9.2.0 中使用“进度圈”小部件（2.0.0 版），我想单独更改每个进度圈的颜色，主要是默认显示为蓝色的部分。通过查看 Chrome DevTools，我发现属性 stroke 可能正在存储颜色，但我不确定。在 Appearance > Common > Style 表单中添加 stroke: red 无效。另一方面，添加background: red确实起到了改变进度圈背景的预期效果。
有人能帮忙吗？我是 Mendix 的新手，非常感谢您的帮助。
通过查看文档，我找到了小部件的源代码。 检查此 link：https://github.com/mendixlabs/progress-circle/tree/master/src/ui 在 ui 文件夹中有一个 theme.scss 和 _variables.scss，开发人员在其中定义驱动小部件的颜色或主题的变量。你可以从那里得到一些提示。 我不是建议 rebuild 小部件，但您当然可以通过下载小部件（下载 .mpk）然后将扩展名更改为 .zip 然后更改源代码来这样做。 或者，由于您已经可以检查小部件的 DOM，您可以执行以下操作：将 class 赋予小部件根 DOM 元素。然后使用级联 CSS 选择器，您可以深入到影响背景的元素。