Affects Version/s: Master
Component/s: JS APIs and Utilities
For a custom theme with color schemes, clicking on the color scheme selector does not provide any visual response, though the "selected" class is applied correctly. This lack of visual response, coupled with the fact that older versions of portal used a radio button input instead leads to confusion
- Generate a non-default color scheme for the custom theme. A simple way to do this, which will create one non-default color scheme is to paste the following into liferay_look_and_feel.xml in the src/WEB-INF directory of the custom theme directory:
- Then, put in the css styling for the color scheme. Assuming the previous code was pasted in, create directory src/css/color_schemes in the custom theme directory, and create marx.css:
- Then edit src/css/_custom.scss, adding the line
in the beginning of the file
- In the src/images directory, create directories color_schemes/default and color_schemes/marx, and place unique thumbnail images thumbnail.png pictures into each of those two directories. **
- Deploy the theme to have access to this new theme with color schemes.
- Go to ** Public Pages > Configure, and change the theme to the custom theme. Underneath the Theme is a row with two color schemes, Default and Marx.
- Clicking on either color scheme provides no visual response.
The chosen color scheme's thumbnail image in the color scheme picker has changed in such a way to indicate it was selected by the user
No visual changes occur within the color scheme picker; the all color scheme thumbnail images remains unchanged.