Magic Form in OctoberCMS - html

I've being trying to edit some fields in the Magic Form plugin in OctoberCMS, but i'm facing some dificulties. I want to change the "recipient" that is going to receive all the information on the form in his email. But everytime i open the field "recipient", it has this html code inside. Heres a print showing it:
"Destinatários" is the portuguese translation for "Recipient", where i should be able to write down an email, and should be good to go. However, everytime i open it, it has the same code inside, doesn't matter if i delete it.

To fix this issue you need to change core OctoberCMS file
Source : https://tutorialmeta.com/october-cms/magic-forms-octobercms-bug-fix-solution
modules\system\assets\ui\storm-min.js (approx line no: 5808)
Before
After
This
<textarea class="form-control size-small field-textarea" name="name">
</textarea>
To This
<textarea class="form-control size-small field-textarea" name="name" value=""/>
It will fix your issue
if you have any doubt please comment.

Just remove that html and add the email addresses you want (each address on a new line)

Related

HTML Form as link is corrupting the adress

i assume this is a noob question, so sorry.
I'm trying to write this HTML-Page with a "form" that will work like a link on my raspberry pi.
So I used this code:
<form action="http://192.168.178.62/graph.pl?type=week">
<input type="submit" value="Blah" />
</form>
But instead of ending up at the adress I wrote in the code, I end up here: http://192.168.178.62/graph.pl? ("type=week" is missing, its just cut off)
Why is that, and how can I fix it?
thanks a lot!
When you submit a form with method="GET" (which is the default) then a new query string will be generated from the names and values of the successful form controls (since you don't have any, it will be empty). The new (empty) query string will replace the one in the action.
Options:
Use a link. (This is the best option. You aren't collecting any data from the user. You aren't making a POST request).
Move the data from the action to <input type="hidden" ...> elements.

Required response answer in Mechanical Turk

I am designing my task in MTurk and have tried to create a field with the required answer.
That is my code:
<crowd-input name="Comment" placeholder="Explain why" required></crowd-input>
The problem is that submitting the task without filling any text in the sandbox allowed me to do so. I want this text box to be required.
Any suggestions?
I found solution:
<input type="text" placeholder="Explain why" required></input>

HTML - how to clear data validation once error has been removed

I am making a cloud page and have set an alphabetic data validation in html which is working fine in that a user cannot enter anything other than letters.
The issue I am now having is that the data validation doesn't go when the error has been corrected i.e. the user cannot submit the page.
The code snippet is below. Please can someone give me a steer on how to rectify this? I have tried onblur but it didn't work.
Thanks in advance!
<input pattern="[A-Za-z\s]*" oninvalid="setCustomValidity('Please enter your first name')" name="Firstname" class="answer_box" placeholder="Enter your first name">
With setCustomValidity() the field is invalid. You have to clear the validation:
oninput="setCustomValidity('')"
As mentioned in this documentation.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/setCustomValidity

HTML: what's the purpose of (difference between) text within <textarea> element compared to (and) that in the placeholder attribute?

If you can use placeholder="visible text", why would one need to have something within the <textarea> tags especially when the user has to manually delete this text? Is there any difference between the 2 code snippets below other than what I mentioned?
<textarea name="textarea" rows="10" cols="50">
Write something here</textarea>
versus
<textarea name="textarea" rows="10" cols="50"
placeholder="Write something here">
</textarea>
The first code snippet is from:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
I saw this question[ Html placeholder text in a textarea form ] as related when typing this question but I couldn't find my answer here.
A placeholder is a hint or example to help a user fill in the correct information. You might use it to say, for example, "Your full postal address, including the post code". Be careful not to use it as a substitute for a label element.
The content is a default value. You might use it to put the user's current address so that they can edit it to correct a mistake without having to retype the whole thing.
You might need to have some text between the tags if the user needs to modify it.
For example, if you ask the user for their house number, road name, city and country and display that as an address in a textarea so that they can modify it and add any missing information since that would differ from a user to another.

How to display colored XML code inside HTML textarea

I'm building a web application with Symfony , and I want to allow users to post an XML request to remote servers.
I've designed the page with a textarea where they should put the XML code and I was wondering if I can make it colored so they can edit their codes easily .
<div class="form-group">
<textarea rows="20" cols="70" name="request" required="required" class="form-control" placeholder="Put Your SOAP Request here"></textarea>
</div>
Any Idea how to achieve this ?
Take a look at CodeMirror:
http://codemirror.net/
You'll probably have to add some custom Javascript to your textarea field to make it work.
There seems to be a bundle for this, but I'm not sure how reliable it is:
https://packagist.org/packages/nitrado/code-mirror-bundle