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

How to display alert on app level from a child component

I would like to have some rules or suggestions to be able to do this: I have an alert on app level that I want to show when something is happening on one of my components (ex: Saving information has succeeded or failed). Also, how can I send the…
David
  • 1,241
  • 20
  • 36
0
votes
1 answer

How to get reference to clarity datagrid from typescript

This might be more of an angular question, but I'm trying to resize the clarity datagrid after loading data (and dynamically showing/hiding columns) but I keep getting the error Uncaught TypeError: Cannot read property 'resize' of…
Jake
  • 97
  • 1
  • 8
0
votes
1 answer

How to create a dynamic subnav

I am using Angular 4 and am learning about the clarity design system. Was wondering if anyone has managed to create subnav with dynamic links? https://vmware.github.io/clarity/documentation/header#subnav I am not sure how to go about this properly.
Aeseir
  • 7,754
  • 10
  • 58
  • 107
0
votes
1 answer

Angular Clarity Wizard: Adding and navigating to new page with one click

I'm using Clarity Design System to build my angular app, and I want to make a somewhat complex wizard. In my use case, the user starts a wizard with two pages. On the first page she is asked a question. Depending on the answer, one of two new…
Ofra Yechiel
  • 40
  • 5
0
votes
0 answers

Using internal API

How can I use internal API in clarity > 0.10.9? In version 0.10.6, we use this imports in our project to modify internal filter in datagrid: import {DatagridStringFilterImpl} from…
Petr Kolář
  • 1
  • 2
0
votes
1 answer

Clarity Datagrid: Replace only specific cells and not the entire row using row expander

I have a usecase in which one of the cells in my row is a checkbox and another is radio button. I am using the grid row expander to replace contents of the row on expansion but the checkbox and radio button also gets replaced. I don't want this to…
Muneeb
  • 151
  • 2
  • 5
0
votes
1 answer

Angular Clarity: What is expected behavior of setting clrPosition to bottom-right

Any idea if using [clrPosition]=bottom-right resulted into the style left: 0px; right: auto; as shown given below in HTML for corresponding Clarity-Angular code? Clarity-Angular
Uthman
  • 9,251
  • 18
  • 74
  • 104
0
votes
1 answer

How to add a successful prompt

I'm trying to add a prompt after registration using this framework I would like something like this But with like 'Registration Success' or something? My code: https://gist.github.com/crowns/e116eedaddc54b3b8e1f6f68f86917d1 Framework I'm using:…
Crowns
  • 1
  • 1
-1
votes
1 answer

Is it possible to combine vmware-clarity timeline selectors/components to achieve a more complex timeline?

I'm a backend developer with basic CSS knowledge. A few days back I found vmware-clarity and I was impressed by their vertical and horizontal timeline designs. I was wondering if it is possible to combine the vmware-clarity timeline…
Eduardo A. Fernández Díaz
  • 958
  • 11
  • 23
-1
votes
1 answer

Angular datepicker not updating

I'm using a custom datepicker from Clarity Design System. I then want to use the updated date to update a child component. but although I can see the correct date when I do console.log, every time I pick a different date from the datepicker, the…
Heidi E
  • 221
  • 8
  • 22
-1
votes
1 answer

How to get the selected row data from clrDgSelected and provide selected data to another datagrid in a second url page in Clarity

I want to get selected datagrid row data from one html page and provide to another html page both pages are in the same Clarity UI application and both have datagrid's to display the data that that can be selected. See example code of first html…
lxjoyner
  • 1
-1
votes
1 answer

Update to @cds/angular@5.0.2

Any idea what the problem is when updating @cds/angular from 5.0.1 to 5.0.2 All my angular packages are 11.1.0 -Jani npm ERR! Found: @angular/common@11.2.2 npm ERR! node_modules/@angular/common npm ERR! @angular/common@"^11.1.0" from the root…
jani_r
  • 637
  • 1
  • 7
  • 18
-1
votes
1 answer

how to align card header and footer so that they appear at the top and bottom of the available vertical space?

I'm trying to set a card as the display wrapper inside a 'sidenav', as shown below:
-1
votes
1 answer

content-container looks small

I'm creating a new angular app, I'm using vmware-clarity guide to do it, but my navbar and in general the content-container it's small and leaves a huge white space in the bottom at the moment this is my code: Main app.component.html
Ricardo Sanchez Santos
  • 505
  • 1
  • 7
  • 19
-1
votes
1 answer

clr-ui-dark.min.css file appears very large, even when bundles are optimized

I'm just wondering if others see the same in their projects, or perhaps I've done something wrong, but it looks to me like the dark styling takes up about 1/3 (using webpack-bundle-analyzer) of the total size of my app.
blomster
  • 768
  • 2
  • 10
  • 27
1 2 3
…
28 29