We are trying to see if I can bring in an adaptive form into a mobile
app including the look and feel of the form. So I was trying to see, If
I can make an experience fragment out of the adaptive form and expose it
as a service. Thanks for the help.
Since Adaptive forms are single page applications, what is the best way
to handle the back button? If the user is in the second screen, I don't
want him to accidentally click back and lose all the progress he made.
Thanks for the help in advance.
Hi ajila_aem,Thank you so much for the information. If I am adding the
font in the crx-quickstart/fonts, Is there a folder structure I need to
follow separately for windows and mac OS fonts?Secondly, In the picture
below,Should I be adding the fonts location in "System Fonts directory"
or "Customer Fonts directory"? Could you help me out with an example
So are you telling me I should be able to add custom components in my
form? As in not in the form template but the actual form itself? If yes,
could you please guide me through, how I would be able to achieve it?
Its just that there is no design mode for an adaptive form and hence I
am not able to look at my custom components in the side bar to include
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 crxTHEME
EDITORNow 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.
True. But I am able to include only out of the box components in an
adaptive form. I am able to include custom components in the template of
the form, but not the form by itself. So even if I am able to create a
custom component, I am not able to include it in a specific form.
I am trying to implement Nested drop down for one of the drop downs we
have. The options are around 250 so it would be a bad user experience
for the user to look through it. Look for the picture below for a
referenceWhen the user hovers or clicks on "Accommodation and Food
Services" I want the sub-category to pop up beside it so that it is
easier for the user to navigate.Can someone please help me out with how
to implement this? Thank you so much.
When I try to render an adaptive form in internet explorer, the css is
coming with webkit instead of ms because of which some stylings are
looking different. like below - Button in chrome - Button in IE - Please
help me out with how I would be able to ms in theme.css or the theme
James R GreenYes. 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 ...
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.
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.
Hi Jagjeet,The use case shown in the video is exactly what is going
on.And your code is working pretty good. But I still cannot use the
numeric box because it is not able to handle more than 16 digits in the
field.1. Place a numeric box.2. preview the form.3. Enter 20-25 digits
in the field.4. The numeric box will either change some of the last
digits to '0' or format the number into decimals.
jagjeetthukral & James R GreenHonestly both the codes are working
pretty good. What I need is being achieved by both of them.But the code
Jagjeet has posted, is a one time code and for the code snippet James
has posted, I would need to hard code the element name every time I am
making it a required field.I will definitely document both of these so
that, depending on what kind of implementation each teams might pursue,
they can use the respective way. For me, Jagjeet's would make it much
Hey James,Thanks for the code. It definitely helped me to start
comparing the results succesfully.Could you help me out with any example
code for triggering required field validation right after I exit out of
the field for a numeric field component? It works for Text field and
Phone number field. But not numeric field.Thanks for the help in
Hi Jagjeet,Yes. I could use that. But I also was not able to use it
because of the validation error not being triggered when I exit out of
the numeric field. When I make other fields like text field, Phone
number field etc, required, the "Required field" validation triggers
right after the I exit out of the field, which does not happen with
numeric field for some reason. Is there a way I could trigger that?
When I upload an SVG image with no background, AEM is creating a white
background. So I am not able to use it.When I opened a ticket with adobe
they said the following - " The ultimate conclusion as of now is that
SVG thumbnail generation is not supported. I have filed for an
enhancement request to support SVG thumbnail generation, internal ID:
CQ-4236689. There is a possibility that the enhancement request does not
go forward. If the enhancement does move forward, the change will likely
not be ...
Correct. I did add a piece of code to not accept alphabets. But I am
having a hard time with value comparisons in the telephone
fields.Telephone field being used for numericLook at this link to
recreate the issue.