Are there any docmuent or cheatsheet explaing how a custom CSS should be written? Or is it basically that you name a stylesheet and then style the decendants of the main "form wrapper" depending on what type the fields are?
And also, it is possible to create a dropdown list where the selector names and actual values differs, as for example like this:
I donĀ“t think there are any docmuent or cheatsheet explaing how a custom CSS should be written. But I would just create a new stylesheet and the just target the elements that you want to change CSS, and override the default form CSS styling.
I am not sure that I am 100% sure what do you mean about the question with the dropdown. You can add values to the dropdown, so the values that the user will see is one, two three.
Regarding the dropdown, what the user see (using the example above) would be "One", "Two" and "Three". But when the form is submitted, it will submit the one of the values 1, 2 or 3. So that is my concern, Umbraco Forms does not seem to offer this option yet. But perhaps in the future?
So you mean the when you get the email, then you get the 1,2,3 instead of the "One", "Two" and "Three". I assume there that you are using the the standard email workflow.
To get full control over the email markup you need to use the send xslt transformed email, then you have full control over your markup.
What I mean is that using a <select> dropdown by html standard offers the option to have values (which is the actual value submitted but not visible to the user) and corresponding option text which is presented to the user (analogously to a html link, you have the option to display a different namn other than the filename itself).
But are you saying that the dropdown generated from Umbraco Forms are not of the typ `<select>` ? And I am not asking because of emails, I just want to store other values in the form database, from what the user is seeing. My current website (which I am currently moving to an Umbraco platform), I have several dropdowns where to the user for example chooses between City names but in the database corresponding id-numbers are stored instead (i.e. the values from the dropdown and not the option labels). For example [http://www.dynamicguru.com/html-drop-down-generator/][1] makes it perhaps more clear what is the difference between "value" and "option text". But I guess that Umbraco forms today does not offer this possibility but instead "value" and "option text" must be the same.
But that is not what I want, as I have exemplified above. I want to have be able to set different values than the option text. So in your example, I would like to be able to change the value to "1" but still keep that option text "One":
Okay now I got it, sorry for the confusion, my bad. Then I think that you should make a feature request on the issue tracker so the HQ, knows that you think it could be nice to be able to change the value attribute to something different than the option text.
Umbraco Forms and custom CSS & Dropdown issue
Hi,
Are there any docmuent or cheatsheet explaing how a custom CSS should be written? Or is it basically that you name a stylesheet and then style the decendants of the main "form wrapper" depending on what type the fields are?
And also, it is possible to create a dropdown list where the selector names and actual values differs, as for example like this:
Regards,
Martin
Hi Martin,
I donĀ“t think there are any docmuent or cheatsheet explaing how a custom CSS should be written. But I would just create a new stylesheet and the just target the elements that you want to change CSS, and override the default form CSS styling.
The documentation about Umbraco Forms, can you find here https://our.umbraco.org/documentation/Products/UmbracoForms/Developer/, and about custom markup https://our.umbraco.org/documentation/Products/UmbracoForms/Developer/Custom-Markup/
I am not sure that I am 100% sure what do you mean about the question with the dropdown. You can add values to the dropdown, so the values that the user will see is one, two three.
Hope this helps,
/Dennis
Ok, thanks Dennis, I will do so with the CSS.
Regarding the dropdown, what the user see (using the example above) would be "One", "Two" and "Three". But when the form is submitted, it will submit the one of the values 1, 2 or 3. So that is my concern, Umbraco Forms does not seem to offer this option yet. But perhaps in the future?
/
Martin
Hi Martin,
So you mean the when you get the email, then you get the 1,2,3 instead of the "One", "Two" and "Three". I assume there that you are using the the standard email workflow.
To get full control over the email markup you need to use the send xslt transformed email, then you have full control over your markup.
https://our.umbraco.org/documentation/Products/UmbracoForms/Editor/Attaching-Workflows/#Sendxslttransformedemail
And try to see my comments in this thread. https://our.umbraco.org/forum/umbraco-pro/contour/61293-UmbracoForms-Email-Templates,-where-are-they
Hope this helps,
/Dennis
Hi Dennis,
What I mean is that using a <select> dropdown by html standard offers the option to have values (which is the actual value submitted but not visible to the user) and corresponding option text which is presented to the user (analogously to a html link, you have the option to display a different namn other than the filename itself).
But are you saying that the dropdown generated from Umbraco Forms are not of the typ `<select>` ? And I am not asking because of emails, I just want to store other values in the form database, from what the user is seeing. My current website (which I am currently moving to an Umbraco platform), I have several dropdowns where to the user for example chooses between City names but in the database corresponding id-numbers are stored instead (i.e. the values from the dropdown and not the option labels). For example [http://www.dynamicguru.com/html-drop-down-generator/][1] makes it perhaps more clear what is the difference between "value" and "option text". But I guess that Umbraco forms today does not offer this possibility but instead "value" and "option text" must be the same.
I hope you understand what I mean.
Regards, Martin
[1]: http://www.dynamicguru.com/html-drop-down-generator/
Hi Martin,
If you are uing the DropDownList field in Umbraco forms, then it will have the value that you add when you set it up.
So if you added One as the value, then the value attribute on the option in the select then it looks like this:
So as I see it, it does what you are asking for out of the box
Hope this helps,
/Dennis
But that is not what I want, as I have exemplified above. I want to have be able to set different values than the option text. So in your example, I would like to be able to change the value to "1" but still keep that option text "One":
But this will perhaps be possible in future version :-)
Regards /martin
Hi Martin,
Okay now I got it, sorry for the confusion, my bad. Then I think that you should make a feature request on the issue tracker so the HQ, knows that you think it could be nice to be able to change the value attribute to something different than the option text.
You can create the feature request here: http://issues.umbraco.org/issues/CON
Once again, sorry for the misunderstanding on my side.
/Dennis
No worries,
Thanks Dennis, I will do so.
Does anyone know how to populate a second Umbraco Forms dropdown depending on what the user has chosen from the parent drop down?
Hi Jonathan,
Perhaps you can use conditional logic to solve this. Try to see the documentation below.
https://our.umbraco.org/documentation/Add-ons/UmbracoForms/Editor/Creating-a-form/Conditional-Logic/
Hope this helps,
/Dennis
That sounds like a great way - many thanks. Is there a way that you can create the drop down options dynamically from a webservice?
Hi Jonathan,
Perhaps you can create your own custom fields type for Umbraco Forms.
https://our.umbraco.org/documentation/Add-ons/UmbracoForms/Developer/Extending/Adding-a-Fieldtype
Best,
/Dennis
is working on a reply...