You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
First off: This plugin is invaluable; thank you so much!
I'm working on a site where I'm needing two colors per swatch, a foreground/text color, and the background color. The current way of displaying multiple colors as a diagonal linear-gradient is great for general use, but it falls a bit short at conveying which color is FG and which is the BG:
This can be solved by adding a few simple per-field settings to control the appearance of the swatches in the backend:
Swatch Shape: circular / square / wide / tall (wide and tall could be something like 2:1 ratio rectangles)
Swatch Size: small / medium / large
And for multi-color swatches only, you could add:
Swatch Type: linear / radial / conic (equal to the CSS gradient types; with a disclaimer about the conic mode only working in Webkit browsers)
Ok, so not all of those are necessary to solve the issue I'm specifically dealing with, but they're all pretty closely related as they simply change the CSS styles being applied to the swatches. ;)
In my use case, and given the options above, I'd probably choose Wide, Medium, & Radial, to convey FG color as a smallish circle inside a colored rectangle:
Thanks for your time!
The text was updated successfully, but these errors were encountered:
proimage
changed the title
[Feature Request] Selectable swatch shape and gradient type for multiple colors
[Feature Request] Selectable swatch shape, size, and style
Nov 11, 2019
I wish I had the slightest idea how to develop Craft plugins, but I don't. I'm a frontend, HTML/CSS/JS guy. Yii scares the living daylights outta me... O.O
First off: This plugin is invaluable; thank you so much!
I'm working on a site where I'm needing two colors per swatch, a foreground/text color, and the background color. The current way of displaying multiple colors as a diagonal linear-gradient is great for general use, but it falls a bit short at conveying which color is FG and which is the BG:
This can be solved by adding a few simple per-field settings to control the appearance of the swatches in the backend:
And for multi-color swatches only, you could add:
/
) / Angled backwards (like this:\
)Ok, so not all of those are necessary to solve the issue I'm specifically dealing with, but they're all pretty closely related as they simply change the CSS styles being applied to the swatches. ;)
In my use case, and given the options above, I'd probably choose Wide, Medium, & Radial, to convey FG color as a smallish circle inside a colored rectangle:
Thanks for your time!
The text was updated successfully, but these errors were encountered: