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
0
votes
1 answer

how to make a clr-datagrid selectable (single/multi) dynamically?

Here's an outline of a component called "my-clr-list" that uses clarity datagrid like: bunch of clr-dg-column definitions... bunch of…
0
votes
1 answer

How to correctly use clr-nav-level to fix spec.ts error

I'm using Clarity and Angular for an application and I'm trying to add tests to it. But I keep getting this error whenever I try to run the test: Can't bind to 'clr-nav-level' since it isn't a known property of 'div' Do I have to import anything…
darthorg
  • 11
  • 3
0
votes
1 answer

How to create tabs inside a tab using clarity design

Previously I was using TabLink component of clarity-angular to create tabs. Now, after i upgraded to @clr/angular i'm not able to use TabLink so i'm unable to create tabs inside a tab. How do I proceed?
0
votes
0 answers

Lazy-load Angular NgModule when Clarity tab is activated

I'd like to lazy load an Angular NgModule in conjunction with the activation of a Clarity tab. The content of the tab will contain a component of the lazy-loaded module, like this:
obsessiveprogrammer
  • 1,344
  • 1
  • 9
  • 8
0
votes
1 answer

Angular 5, Clarity Design - Select options "disappear" when pushing new item to options array

I'm working on a project with Angular 5 using Clarity Design as a CSS framework. On a select I'm binding its options dynamically and a weird thing happens when binding a new item. Basically the new item gets added to the DB, and inside the…
Fer VT
  • 500
  • 1
  • 8
  • 25
0
votes
1 answer

display first tab as default when page loads

log.component.html:
Anand
  • 621
  • 3
  • 9
  • 31
0
votes
1 answer

Clarity Wizard open without as soon as I open the page

So I have a login page with a submit button that loads a new page as soon as the username and password are correct. This works fine, but at the next page I want a wizard popping up. I am using Angular + VMWare Clarity. The problem is, if I put : …
Init
  • 15
  • 1
  • 4
0
votes
2 answers

Append a class to clr-tab

I'm trying to render Clarity tabs horizontally since vertical tabs are not yet available. To be more clear, links are verticals but the main layout is horizontal (links + contents). NB: I'm using angular 4.x And the customization is very limited…
0
votes
1 answer

project clarity datagrid dynamic selection

Could someone help me out. I am trying to set dynamically the selection in the Project Clarity datagrid component. https://vmware.github.io/clarity/documentation/v0.11/datagrid/selection I have a filter which I am fetching from storage and I want to…
jani_r
  • 637
  • 1
  • 7
  • 18
0
votes
1 answer

progress bar clarity to update every 5 seconds angular cli

Hy, so I am trying to programm a progress bar to update every 5 seconds. I am using clarity and angular cli. My html code looks like this: Progress Bar
0
votes
0 answers

Replicating wizard style

How can I replicate the wizard modal menu? I like the style of the wizard modal but don't require the behaviour of a wizard ie. steps validation etc. I'm currently using the clr-tree-node for my menu with the grid which gets me close to the wizard…
Adam Spence
  • 3,040
  • 1
  • 21
  • 17
0
votes
1 answer

Clarity Tree View expand/collapse icon disappears when adding dojo.js to index.html

We have a working Angular 4 application which uses Clarity's Tree View. We've been very happy with this control and we would like to continue using it. Recently, we've added another (non-angular) component to the application which requires dojo.js.…
Drew
  • 521
  • 3
  • 17
0
votes
1 answer

Highlight the newly added row in clr-datagrid

I have used clarity UI in my project and i have come across an issue where i want to select the row which is currently added to the clr-datagrid table .I've used clr-DgSelected directive and it gives me a select checkbox which i don't need and if i…
nethra gowda
  • 290
  • 1
  • 4
  • 23
0
votes
1 answer

Replace icon in Expandable row of clr-dg-row-detail in clarity

I am making use of project clarity for my project and in this there is a data grid with expandable rows where i want to replace the icon that comes as default in the data grid the default icon is as below the icon i want to replace is below Any…
nethra gowda
  • 290
  • 1
  • 4
  • 23
0
votes
0 answers

Clarity clr-datagrid use custom filter markup, but retain built-in filtering/sorting functionality

How can I provide my own custom markup for the clr-dg-column components that tie into the parent clr-datagrid component's sorting/filtering functionalities? I want to provide a simple text input (or any custom markup) that's always visible (instead…
jbgarr
  • 1,378
  • 1
  • 12
  • 23