-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
The color picker slider does not appear #153
Comments
I'm currently still having this issue. Is there a workaround for the time being? @junghwan-park |
Any hope of this getting resolved soon or is there a workaround @junghwan-park ? |
For anyone still experiencing this issue, I managed to resolve it like so: .tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button {
font-size: 4px !important;
border-radius: 50% !important;
height: 16px;
} You would also need to add this for the color picker container: .tui-image-editor-container .color-picker-control {
width: auto!important;
} |
Include this in the head of your html:
or copy the tui-color-picker.css from the tui-color-picker npm package. I am not sure if this is omitted from the documentation or whether it is intended to load automatically from the script. |
v3.8.0 As of now, the following snippets can be used to display a color sledder. I'm using jQuery. // Note: $base is container jQuery object of TUI Image Editor
$base.find('.tui-colorpicker-palette-container').on('click', '.tui-colorpicker-palette-preview', function() {
$(this).closest('.color-picker-control').height('auto').find('.tui-colorpicker-slider-container').toggle();
});
$base.on('click', function() {
$base.find('.tui-colorpicker-slider-container').hide();
}); |
how to make it work in angular? |
How to make it work in react? |
The detail button is intentionally hidden, so it is not a bug. However, we plan to improve the detail button in the future. |
@skyturks I think this should be documented in the project's README page as well. |
Version
v3.5.1
Development Environment
Chrome on Windows
Current Behavior
The color picker slider does not appear. Also, if CSS is adjusted and displayed, the color gradation image is not displayed.
Expected Behavior
A color slider should be displayed when you click on the color field of the color picker.
The text was updated successfully, but these errors were encountered: