Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
arunpatidar
arunpatidarAccepted solution
Community Advisor
Feb 17, 2025 11:44 AM UTC

Hi @nilesh_mali 

You can't use gradients directly with the OOTB color picker because gradients are not colors but a CSS property.
For example:

background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(246,253,29,0.6097032563025211) 42%, rgba(148,171,249,0.8085828081232493) 85%);

If you have predefined gradients, you can allow authors to select from a predefined list. Alternatively, you can use an external tool like CSS Gradient to generate a gradient and store it in a text field.

Arun Patidar
View in thread

2 replies

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
Feb 17, 2025 11:44 AM UTC

Hi @nilesh_mali 

You can't use gradients directly with the OOTB color picker because gradients are not colors but a CSS property.
For example:

background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(246,253,29,0.6097032563025211) 42%, rgba(148,171,249,0.8085828081232493) 85%);

If you have predefined gradients, you can allow authors to select from a predefined list. Alternatively, you can use an external tool like CSS Gradient to generate a gradient and store it in a text field.

Translate
Arun Patidar
    Anil_Chennapragada
    Level 4
    Feb 17, 2025 12:22 PM UTC

    Hello,

    Hope your have already found the solution for this. If not please see if this helps

     

    https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/is-there-a-way-to-have-grandient-color-styles-color-picker-in/m-p/556467

     

    Thanks,

    Anil

    Translate
      Terms & ConditionsAccessibility statement

      Loading footer...