问题标签 [vmware-clarity]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何使用 vmware 清晰度动态切换主题
Vmware Clarity 0.10.16 刚刚发布了新的深色主题。这很棒!
他们描述了如何添加新主题,但没有提到在页面内动态更改它的可能性。是因为不可行吗?
如果是,我该如何使用 Angular 4+ 来做到这一点?任何可以帮助我解释如何实现这一点的网站?
提前致谢!
html - 如何在 Clarity 中左对齐某些内容
我有一个带有分页和过滤器的清晰数据网格。我有一些文本,我想在与分页信息相同的行上左对齐。这样做的正确方法是什么?我已经尝试在两个跨度中设置float: left;
和float:right;
,并且还使用内置的“行”类。作为参考,我的页脚看起来像
这被转换成类似的东西:
angular - 在数据网格中搜索
我正在使用清晰度数据网格,我希望能够根据搜索过滤整个网格内容进行过滤。
我试图创建一个管道。管道包含在 app.module 中。在第一次加载组件时调用管道(并且不应该发生任何事情),但是由于某种原因,当我将某些东西放入 my 时,什么都没有发生。没有调用“userFilter”管道。
user.component.html
搜索.pipe.ts
更新:我为 ngModel 做了一个小错误。它应该是 [(ngModel)] !
angular - Clarity clr-datagrid 使用自定义过滤器标记,但保留内置过滤/排序功能
clr-dg-column
如何为与父clr-datagrid
组件的排序/过滤功能相关的组件提供我自己的自定义标记?
我想提供一个始终可见的简单文本输入(或任何自定义标记)(而不是隐藏在过滤器弹出窗口中),但我想保留 Clarity 框架为排序/过滤提供的所有开箱即用功能数据网格的数据。我希望clr-datagrid
组件提供的开箱即用的排序/过滤行为与我的自定义标记一起使用。我的意思是在内部clr-dg-column
,包含clrDgField
绑定的组件将更新父clr-datagrid
组件的内部状态。如果父clr-datagrid
组件有clrDgRefresh
绑定(对于服务器驱动的数据),那么内部状态将被传递给绑定函数。我希望所有这些都能正常工作。
有没有办法将自定义 HTML 连接到父clr-datagrid
组件的排序/过滤功能?这是我要做的一个例子:
我希望它在功能上等同于这样的东西:
javascript - 在 Clarity DataGrid 中,如何更改整列的 text-align 属性?
数据网格中所有单元格的默认文本对齐方式为左对齐。我想将一些列更改为右对齐。我可以通过向 html 中的 clr-dg-cell 添加一个类“rj”,然后添加一个 css 样式来对网格主体中的单元格执行此操作:
但是,列标题单元格中的文本对齐方式由 datagrid-column-title 元素上的 text-align 属性控制。我不能覆盖它,因为它在优先的“跨度”内?是否有更简单/更好的方法来控制整列的文本对齐方式?
angular - 清晰设计系统 CSS 不起作用
我在这篇文章Clarity Design System-Get Started上做了所有事情,但我无法让它工作。我在一个新的 ionic proyect 上安装了 Clarity UI,但是当我尝试添加一个简单的 Card 示例或其他任何内容时:
CSS没有工作。看起来是这样的2
我错过了什么?CSS 和 JS 文件无法被这样的任何东西引用:
我是Ionic2 + Angular的新手,我是 Clarity的新手
angular - Datagrid 绑定到响应式表单控件
我想知道是否可以将反应表单的控件绑定到 Clarity 设计系统的数据网格 clrDgSelected 2 路绑定?
我在他们的网站上使用这里的示例来做一个简单的数据网格并将其与反应形式集成。
我的表格很简单:
现在我想合并 teh selectionList 而不是按照他们的示例选择的。
通过这种方式,我可以控制表单有效性并确保直接填充 selectionList。
html - 突出显示 clr-datagrid 中新添加的行
我在我的项目中使用了清晰 UI,我遇到了一个问题,我想选择当前添加到 clr-datagrid 表中的行。我使用了 clr-DgSelected 指令,它给了我一个选择复选框,我不需要,如果我使用 [(clrDgSingleSelected)]="selectedUser" 这会给我一个单选选项,它让我可以选择选中单选选项的特定列,但问题不在于单选按钮或复选框我只是想突出显示新添加的行我如何实现这一点。
任何帮助将不胜感激谢谢
angular - 将 dojo.js 添加到 index.html 时,Clarity Tree View 展开/折叠图标消失
我们有一个使用Clarity 的 Tree View的工作 Angular 4 应用程序。我们对这个控件非常满意,我们希望继续使用它。
最近,我们在需要dojo.js
. 我们是这样导入dojo.js
的index.html
:
唉,添加此导入后,可展开树节点上的展开/折叠箭头/插入符号图像不再出现。
比较两个渲染页面,我发现clr-icon
最终 DOM 中的元素不再包含嵌套svg
元素。缺少的svg
元素看起来像这样(我用省略号替换了一些文本):
我目前的假设是,引入dojo.js
会导致命名空间冲突,从而阻止一些“插入 SVG 元素”代码运行。
如何在继续dojo.js
从 index.html 导入的同时恢复 SVG 元素?