Is there one for Tinyportal? The only existing contact form mod for SMF isn't responsive and the dev has no plans to update it to be as such until 2.1 is gold.
Not that I know of, you can create a php block with one in.
Might be one in the code snippets section on here.
Quote from: tino on May 22, 2018, 10:12:24 PM
Not that I know of, you can create a php block with one in.
Might be one in the code snippets section on here.
Thanks! Found one that I can use on an article page that works seamlessly on both computer and phone!
Could you share it here for other users to utilise if they need one?
Quote from: tino on May 23, 2018, 04:32:20 PM
Could you share it here for other users to utilise if they need one?
Sure, it's this one. And it supports noCaptcha which is great.
https://www.thesitewizard.com/wizards/feedbackform.shtml
Would be a nice block to have as stock. But thanks for sharing.
Unfortunately we don't have anyone building block codes for us atm, Freddy used to make a few to order, but is too busy with other projects nowadays, which is a real shame.
Quote from: lurkalot on May 23, 2018, 05:43:12 PM
Would be a nice block to have as stock. But thanks for sharing.
Unfortunately we don't have anyone building block codes for us atm, Freddy used to make a few to order, but is too busy with other projects nowadays, which is a real shame.
This isn't responsive. It's meant to be used on a page. I had to scale down the size of the Name, Email and Subject fields in order to fit on a mobile correctly.
You should be able to add
<style>@media only screen and (max-width: 600px)
{
}</style>
I can't easily generate the contact us form from that site without filling the details in but if you target the correct div for the name, email, subject you can shrink it when on a smaller screen.
Quote from: tino on May 23, 2018, 07:03:54 PM
You should be able to add
<style>@media only screen and (max-width: 600px)
{
}</style>
I can't easily generate the contact us form from that site without filling the details in but if you target the correct div for the name, email, subject you can shrink it when on a smaller screen.
I wouldn't know where to put that, so for me resizing the text fields to enter data fixes the size issue on a mobile.
Quote from: jernatety on May 23, 2018, 07:12:35 PM
Quote from: tino on May 23, 2018, 07:03:54 PM
You should be able to add
<style>@media only screen and (max-width: 600px)
{
}</style>
I can't easily generate the contact us form from that site without filling the details in but if you target the correct div for the name, email, subject you can shrink it when on a smaller screen.
I wouldn't know where to put that, so for me resizing the text fields to enter data fixes the size issue on a mobile.
If you post what is in your current form page without the personal information just change it to generic content then I'll show you a example of some.
https://www.youthhockeyinfo.com/index.php?page=4
<style>
@media only screen and (max-width: 600px)
{
input #tswname {
max-width: 100px !important;
}
}
</style>
Should work I think for the name, then repeated for the subject and comment. That would need to be at the start of the "article"
Quote from: tino on May 23, 2018, 07:51:16 PM
<style>
@media only screen and (max-width: 600px)
{
input #tswname {
max-width: 100px !important;
}
}
</style>
Should work I think for the name, then repeated for the subject and comment. That would need to be at the start of the "article"
I gave it a test. I added it and changed the input fields back to their original size settings. I then tested on my phone and it didn't work.
I'd guess I'm not targeting the correct div then. remove the input and just have #tswname
I guess you have removed it as I can't see any styling there now.
Quote from: tino on May 23, 2018, 08:11:01 PM
I'd guess I'm not targeting the correct div then. remove the input and just have #tswname
I guess you have removed it as I can't see any styling there now.
Yes I removed after testing. I just tested the edited version and that was the same result. I'm actually good with the resized fields, I still get the effect I need to have on mobile.