How do I hide background image for specific fields using the theme editor? Refer the below image for it. I don't want the background image in the red box to appear when I give a valid input. Thanks in advance for the help.
Views
Replies
Total Likes
Hi deepakt84913413
Find the theme that your form is using (selected under basic options on the adaptive form container).
Open the theme in the themes editor.
Select the field type that you want to remove the success image from e.g.
Select success from the "state" drop down:
Go to the background properties and remove the image that is selected:
If there is no image there, someone might have added the image with css. To see the CSS for the theme , go to the Advanced section and check for CSS overrides, or click the "View CSS" option at the very bottom. Hopefully you will find the offending css here.
Once you have made the changes save and re-test your form.
Thanks,
James
Views
Replies
Total Likes
Whenever I make changes to the theme, theme.css is being changed since all these changes are saved in there. But sometimes, the changes are not being reflected, especially with the background images. As soon as I edit the theme, I couldn't see the changes in theme.css or whenever I give a build from eclipse to aem with the right theme.css, and I go to the theme, I couldn't see the background image there.
Views
Replies
Total Likes
Hi deepakt84913413
The themes are stored in 2 places in AEM:
etc/clientlibs/fd/themes/<project folder>/<theme name>
and
/content/dam/formsanddocuments-themes/<project folder>/<theme name>
Are you including the code from both of these locations in your eclipse project?
Views
Replies
Total Likes
Yes. We are indeed including both of them in our project.
And also, when I use theme editor and upload a back ground image, the theme.css gets generated fine. I use vaultclipse to bring the code back to eclipse. Now if I give a build from eclipse to my local as a package, I don't see that image anymore. I can definitely see the reference in theme.css and the image in the assets folder for sure, but no image in the theme editor itself. Weird! :/
So whenever I change something else in the theme editor the next time, it changes the theme.css with no reference to the background image because it does not exist anymore.
Views
Replies
Total Likes
Which version of AEM are you using? I remember strange things like that happening in AEM 6.2 but seems OK in 6.3.
Did you amend the CSS manually at all? It won't like it if you do.
Have you considered maintaining the same CSS in a clientlibrary?
Views
Replies
Total Likes
I am using 6.3 with SP1. I am actually still facing the same issue. :/
Views
Replies
Total Likes
It's difficult to troubleshoot the issue on here.
* If you copy the theme using the UI and try the change with the copy does it make a difference?
* If you create a new theme and make your background image change, does that update as expected in your project?
If not I would extract the CSS from the theme and add it to a clientlibrary and use that instead
Views
Replies
Total Likes
Also - just to double check the two directories are in your META-INF/vault/filter.xml file right?
/etc/clientlibs/fd/themes/<project folder>/<theme name>
/content/dam/formsanddocuments-themes/<project folder>/<theme name>
Views
Replies
Total Likes
We are including
/etc/clientlibs/fd/themes/<project folder>
/content/dam/formsanddocuments-themes/<project folder>
but not the specific theme. I think that should be fine right?
Views
Replies
Total Likes
Yup that should be fine.
Did you try the other suggestions to try and find the problem?
"
* If you copy the theme using the UI and try the change with the copy does it make a difference?
* If you create a new theme and make your background image change, does that update as expected in your project?
"
Views
Replies
Total Likes
I actually haven't tried those two options yet because that requires me to pull in some extra stuff into my eclipse. I will try it out and see what it does.
Views
Replies
Total Likes
So when I give a build from my eclipse to AEM with a package that contains the theme.css, which was initially created by the theme editor, I dont see the background image in the theme editor even though theme.css has a reference to that background image.
THEME.CSS in crx
THEME EDITOR
Now if I make any changes in my theme editor, it refreshes the theme.css and erases the references and and whatever that were not present in theme.editor like some padding stuff etc.
Views
Replies
Total Likes