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
4
votes
3 answers

Can one use Clarity without Angular?

In recent years I've been mostly using Bootstrap3 for handling css and responsiveness, but a few weeks ago I stumbled on Clarity Project. The one thing I cannot understand is related to Angular Components that is commonly mentioned in documentation.…
kovalenko-alex
  • 183
  • 1
  • 10
4
votes
2 answers

How to use modal dialog with Angular and VMware Clarity?

I need to display a modal dialog control with a question and yes/no buttons, wait for the user's choice, then run some code to perform the selected action. The VMWare Clarity documentation is very clear about the markup inside the dialog, but it…
bmi
  • 652
  • 2
  • 10
  • 17
4
votes
1 answer

Clarity: Is there a recommended way to make clr-datagrid take up all available vertical space?

I am trying to make my take up all vertical space even if there are no rows in the table yet. Is clr-datagrid customizable to do so? It seems like I have to manually override flexbox properties of .datagrid-host and .datagrid-overlay-wrapper in…
Uthman
  • 9,251
  • 18
  • 74
  • 104
4
votes
2 answers

Can't bind to 'clrDgField' since it isn't a known property of 'clr-dg-cell'

Just started using VMWare Clarity - cool project! I have followed the samples on adding a data grid and binding to a list of users, but I get this error: Can't bind to 'clrDgField' since it isn't a known property of 'clr-dg-cell'. 1. If…
TRex
  • 141
  • 1
  • 8
4
votes
3 answers

Clarity Design Tree View Recursive Issue

I have started using the Clarity Design Angular project and have run into an issue with the Tree View recursive template that was provided in the 0.10.0-alpha. https://plnkr.co/edit/KK8rVH1xUGCO7VetgomA?p=preview selectableRoot = { "@name":…
bangelakos
  • 81
  • 6
3
votes
0 answers

using form array without formGroup

I have a regular form, but I also want some of the fields to use FormGroup, as this particular array has more sensitive data and is therefore in a sub-collection(using Firestore). I added a formArray to my object, but I'm having trouble in the…
Heidi E
  • 221
  • 8
  • 22
3
votes
1 answer

Set correctly active tab when open specific URL manually in Angular

I use Angular and Clarity. I have a navigation bar in app.component.html
3
votes
0 answers

Upgraded to Angular 8 from 7 resulted in ExpressionChangedAfterItHasBeenCheckedError on all forms

I have a angular application and i upgraded it from angualr 7 to angular 8 and started to get this error on all my forms, which is wierd because it worked when i was on angular 7, i never got this error. The error: ClaimHeaderComponent.html:24 ERROR…
A. Kriel
  • 260
  • 4
  • 20
3
votes
2 answers

How to align text in a clarity datagrid

I have a angular app and i use clarity instead of bootstrap, i have a datagrid and would like to know how you can align the header text of the datagrid to the center i have tried inline styling an css but doesn't seem to work. code example html…
A. Kriel
  • 260
  • 4
  • 20
3
votes
2 answers

Project Clarity - Fixed Navigation

I'm trying to create a fixed Navbar using Project Clarity I'm using it in my Angular project, they are using FlexBox, I have tried putting in position: fixed but it doesn't seem to work, anyone have any ideas ?
Patrick
  • 69
  • 7
3
votes
1 answer

How can I dynamically change the shape of a clr-icon custom element?

In the Clarity Icon docs they show that you can use the shape attribute to set the icons shape like this: In my angular template I am using a clr-icon element like this:
hippeelee
  • 1,788
  • 1
  • 10
  • 21
3
votes
2 answers

Update Clarity Seed Project

I've started developing an Angular 4 application using Clariy. I've started the project cloning the Clarity seed project, and with that base, I've started building my components. How can I update Clarity to the last version? I would like to keep…
Matteo M.
  • 107
  • 2
  • 10
3
votes
0 answers

Angular 4 unit test does not render third party control

I'm trying to unit test an Angular 4 component that uses a third party control (from Clarity). I've setup the test module with the correct imports but the clarity elements in the html just stay as elements - they are not resolved and expanded into…
TRex
  • 141
  • 1
  • 8
3
votes
1 answer

ClarityNg: how to close sidenav on click button inside

I have a basic clarity angular template with search in sidenav. When I click find button in sidenav on mobile device, sidenav does not disappear. How I can close sidenav using angular?
Sergey Slonimsky
  • 47
  • 1
  • 7
3
votes
2 answers

Is it possible to programmatically control the show/hide of clarity drop downs?

Is it possible to programmatically control the show/hide of drop downs from the ts code of the component (in clarity using Angular2)- https://vmware.github.io/clarity/documentation/dropdowns Basically I am trying to use the drop down as a toast…
user2789284
  • 751
  • 1
  • 11
  • 28
1
2
3
…
28 29