Stack Overflow
Stack Overflow

Questions tagged [vmware-clarity]

Clarity is VMware’s extensible product-based framework for building clean, crisp, and modern apps. Clarity provides designers and developers with a library of patterns, components, and robust tools, making it easy to rapidly prototype and build beautiful and functional apps in HTML, CSS, and Angular.

Clarity is VMware’s extensible product-based framework for building clean, crisp, and modern apps. Clarity provides designers and developers with a library of patterns, components, and robust tools, making it easy to rapidly prototype and build beautiful and functional apps in HTML, CSS, and Angular. See the Official website

427 questions
15
votes
10 answers

ERROR in Module build failed (from ./node_modules/sass-loader/lib/loader.js):

I'm running the following command: ng build --prod --aot --base-href ./ And receiving; ERROR in Module build failed (from ./node_modules/sass-loader/lib/loader.js): $clr-popover-box-shadow-color: rgba(clr-getColor(dark), 0.25); …
Allan Bowe
  • 12,306
  • 19
  • 75
  • 124
9
votes
1 answer

Opening a Clarity Signpost does not emit its state

I am using the Clarity Signposts and need its state (whether its open or closed). I am using the *clrIfOpen structural directive and have assigned it the isOpen variable. isOpen is false initially but should update to true when the Signpost is…
Ruan Mendes
  • 90,375
  • 31
  • 153
  • 217
8
votes
4 answers

How to dynamically switch theme with vmware clarity

Vmware Clarity 0.10.16 just released the new dark theme. This is great! They described how to add that new theme, but nothing about the possibility to dynamically change it inside the page. Is it because it is not doable? If it is, how can I do it…
David
  • 1,241
  • 20
  • 36
7
votes
1 answer

override clarity-ui.min.css with global style sheet

I new at angualr2 and i am trying to build a webpage using clarity. I am trying to set the height of the main container clr-main-container to min-height: 100vh; in the style.css file that i placed in ~/src/style.css this is where I set the global…
Noopty
  • 167
  • 2
  • 12
7
votes
1 answer

How to properly use the vmware clarity sidenav?

I'm trying to get the VMware Clarity UI sidenav properly working, and would love a solid example. I am using the clarity-seed project and inside of app.component.html I have the default sub-nave they provide:
6
votes
1 answer

How to set shape attribute of clr-icon

I am using . I would like to make its shape dynamic. If I specify it throws an error shape is not a known property of clr-icon
Ruan Mendes
  • 90,375
  • 31
  • 153
  • 217
6
votes
2 answers

How can I disable check box that is part of Clarity datagrid?

I use Clarity datagrid and I need to disable the checkbox selection under some conditions. I can't find API to do so. Please help and thanks.
knt
  • 133
  • 1
  • 10
6
votes
2 answers

How to change the VMware Clarity Design System brand icon size

I'm playing around with the VMware Clarity Design System UI (https://vmware.github.io/clarity/) and am running their seed application. I'm trying to replace their brand icon with my own, but it's a different size. I'm noticing that the icon…
codemonkey_42
  • 191
  • 2
  • 8
6
votes
2 answers

Building an Angular 2 App with Clarity Design System

I'm getting this error after adding Clarity Design System from their official tutorial to angular 2 5min quickstart . The error in browser's console doesn't help too much, any advice please? zone.js:1382 GET http://localhost:3000/clarity-angular…
Igor D.
  • 63
  • 4
5
votes
1 answer

No After click event on modal closing?

When i am closing a modal, i need to call a function (to false or reset the content in the modal using form controls) but i didn't find any handler for the event after click, how i could do this ?
yala ramesh
  • 3,362
  • 1
  • 22
  • 35
5
votes
4 answers

Getting error " No provider for AlertIconAndTypesService!"

I am using clarity module with my angular 4 code. When using their alert box example, I am getting the above error Example Code
netuser
  • 553
  • 1
  • 6
  • 11
4
votes
1 answer

removing effect of ng-deep on component destroy

I hate to use ng-deep but there is no better alternative for this. I am using VMware Clarity https://v1.clarity.design/modals in my project and for some cases, I need to overwrite modal-body class. So, I am overwriting it using this in my…
undefined
  • 3,464
  • 11
  • 48
  • 90
4
votes
2 answers

ERROR in : 'clr-icon' is not a known element:

Running the following command: ng build --prod --base-href ./ I get: ERROR in : 'clr-icon' is not a known element: 1. If 'clr-icon' is an Angular component, then verify that it is part of this module. 2. If 'clr-icon' is a Web Component then add…
Allan Bowe
  • 12,306
  • 19
  • 75
  • 124
4
votes
1 answer

Searching within datagrid

I am using the clarity datagrid and I want to be able to filter based on a search filter the entire grid content. I tried to create a pipe. The pipe is included inside the app.module. The pipe is called the first time the component is loaded (and…
David
  • 1,241
  • 20
  • 36
1
2 3
…
28 29