Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
I want to have the name of a field above the field, instead of the label.
At this moment both the label above the field and the placeholder inside the field use the label value as in screenshot below.
If you want to create a pull request, we can talk about a more robust solution. However, if you want the quick solution, here it is.
Edit this file: https://github.com/rhythmagency/formulate/blob/96620f209c8e8132e2b6826e0c1d71080cb325b4/src/Website/Views/Partials/Formulate/Responsive.Bootstrap.Angular.cshtml#L156
Around that line so that it outputs both label and name.
For the next part, you have two options.
Option 1: Custom Frontend Build
So that instead of setting the label to the value of field.label, you set it to the value of field.name.
Option 2: Custom Fields
Customize any fields you'd like (e.g., the text field in your screenshot) following these instructions: http://www.formulate.rocks/articles/custom-field-types
That allows you to use any markup you like without modifying the core of Formulate, because you can override the display of the core field types in Formulate. The downside is that you have to do that for every field you want to modify the label for.
If you really wanted, you could create custom field types that use any data you want in any way you want. That same link I mentioned above has info about this: http://www.formulate.rocks/articles/custom-field-types
Thanks for your reply.
In my local project, where I installed Formulate by Nuget, I changed Responsive.Bootstrap.Angular.cshtml like:
Then I changed the field-type.js file, also in my local project.
But still the text above the field is the same as the text as placeholder in the field.
We're in the same boat.
Matching Label and Placeholder text is less than ideal.
I started an issue in Github here in case that helps: https://github.com/rhythmagency/formulate/issues/143
is working on a reply...
Write your reply to:
Image will be uploaded when post is submitted