AEM Forms 6.3 - guidetheme2 css being included

James_R_Green

31-10-2018

Hi,

I want to remove all default css from my forms as it is clashing with the CSS for the project.

I can see a CSS file I want to stop being included in the following in the HTML:

I matched this up to the JSP file in the guidecontainer via  /libs/fd/af/components/guideContainer/guideContainer.jsp

This calls /libs/fd/af/components/guideContainer/includeTheme.jsp which does the following:

        String themeOverride = request.getParameter(GuideThemeConstants.PARAMETER_THEME_OVERRIDE);

        if(StringUtils.isBlank(themeOverride)){

            themeOverride = (String) request.getAttribute(GuideThemeConstants.PARAMETER_THEME_OVERRIDE);

        }

        else{

            //We are appending "jcr:content" because 'themeOverride' parameter gives path to theme resource and not it's content resource

            themeOverride += GuideThemeConstants.RELATIVE_PATH_JCR_CONTENT;

        }

        String pageFallbackClientlib = (String) request.getAttribute(GuideConstants.PAGE_FALLBACK_CLIENTLIB_CATEGORY);

        ThemeClientLibData clientLibData = GuideThemeUtils.getClientLibNames(resource, themeOverride, pageFallbackClientlib);

        if(clientLibData.getCommonClientLib() != null) {%>

            <cq:includeClientLib  css="<%=clientLibData.getCommonClientLib()%>"/>

        <%} %>

Outputting the variables involved into the html for debugging I can see that the following:

themeOverride =  /content/dam/formsanddocuments-themes/<MY_THEME>/jcr:content

pageFallbackClientlib = guide.theme2.default

clientLibData.getCommonClientLib() = guide.theme2.common

Here is where I am stuck....given the parameters being passed to clientLibData.getCommonClientLib()  would we expect guide.theme2.common.

  • Can I prevent guide.theme2.common being included without overlaying the guideContainer?
  • I would be interested to know what clientLibData.getCommonClientLib()  does - but don't have the source.

Can anyone help?

Thanks,

Jim

View Entire Topic

lesutton1

22-11-2018

FYI, I created a client library with the reset css that was applied to the form and it looked like it did a decent reset on all the objects in the form. Note that if you will need to apply this on and off in crx though as the touch ui editor won't work after this is applied so add it at runtime or edit your template to only add the CSS at runtime.

GitHub - jtrost/Complete-CSS-Reset: This CSS file resets all styles for every HTML tag.

Screen Shot 2018-11-22 at 9.29.15 AM.png