How to edit form Label appearance

Jaclyn Sparks asked on December 7, 2016 22:52

I'm currently working on a form (screen shot of the current form is provided below) and it was looking very clean and uniform until I got to the field that included a "text area". I was able to edit the "text editing section" (where the answer would be added) but I have not been successful in finding a way to edit a form's "Label" appearance (where the question is asked.) Can someone please advise.

Image Text

Thanks Jaclyn

Recent Answers


Zachary Perry answered on December 7, 2016 22:58 (last edited on December 7, 2016 22:59)

If you go to the forms application in Kentico, and edit your form, you can click the Layout in the left hand nav to create a custom layout, or you can create an alternative form to modify the layout. If you use an alternative form, you need to select it in the webpart displaying the form.

Documentation for custom form layouts

0 votesVote for this answer Mark as a Correct answer

Jaclyn Sparks answered on December 8, 2016 16:16

Zachary Perry: Thank you for trying to answer my conundrum. I'm not sure what you are mentioning will work, or I may not be fully understanding how creating an alternative form will help me reduce the white space between the question being asked and the "text box" provided for the answer.

The form that I'm currently working on is already being built using the "custom form layout - HTML." I've adding a screen shot of what my custom form looks like for your reference below. I can include the source code request, as I didn't want to make this reply to much longer than it already is.

When trying to add an alternative form, like you suggested, the field I'm trying to manipulate gave me a notification that the field "is inherited from the original form," which from what I'm gathering is just coping the same functionality as the original field, I want to manipulate, and not giving me anymore freedom to format the question being asked than the original field I created.

Again, not sure how an alternate form is going to help me reduce the white space between the question being asked and the "text box" provided for the answer, but again I may not be fully comprehending your reply.

Image Text

:-/ Jaclyn

0 votesVote for this answer Mark as a Correct answer

Zachary Perry answered on December 8, 2016 17:45

Creating an alternative form would allow you to create your own layout for the form and styling. Your issue is css styling.

You could also go into each field in the CSS section and set classes there to help with styling. If you inspect the form in your browser, there is most likely some padding or margins set on the label.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.