angular-material-components icon indicating copy to clipboard operation
angular-material-components copied to clipboard

Can I show the colorpicker without Input?

Open nck974 opened this issue 3 years ago • 2 comments

Hello i would like to just select a color without displaying the hex value. Is that possible?

                       <mat-form-field>
                            <input matInput  [ngxMatColorPicker]="picker" placeholder="Color" formControlName="color" [disabled]="false">
                            <ngx-mat-color-toggle matSuffix [for]="picker" ></ngx-mat-color-toggle>
                            <ngx-mat-color-picker #picker [color]="setColor()" ></ngx-mat-color-picker>
                          </mat-form-field>

Something like this but I have tried some options like css invisible, block and width and height 0 but will not work,

nck974 avatar Mar 17 '21 22:03 nck974

I was about to ask the same thing... I would like to make it without bound input field... if I just hide it, then the picker sticks to position left:0, top: 0, and not under the toggle

actually I would like an example of multi picker on the page... let's say there is a table with rows of data, and you would want to put color picker end of each row to set the background color of that row

also would be good to have examples on how to customize the picker (how to add apply button for one)

demiro avatar Mar 26 '21 09:03 demiro

Wondering the same thing too.. I just want to show the mat-color-toggle and when you click on it, it pops the colorpicker. @h2qutc Is there any way to do this?

ferily7 avatar Oct 23 '21 01:10 ferily7