Inline email form

[Meanderling]

Hi,

I’m sure this should be quite simple, but I’m struggling to make it work correctly. I need an email input field, with the submit button showing inline to the right (similar to your icon buttons). It’s for a Mailchimp form that I use in a couple of places, so it needs to fill 100% width of it’s container – can you help??

Many thanks!!

[Kyle – SUPPORT]

Hi

Please could you show me your link so that I can see what you mean?

– Kyle

[Meanderling]

I don’t have a link for you, but it’s a simple input field with a button on the same line to the right (see grab). I don’t want the field to have a fixed width as I will use it in more than one place, so the field should extend to fit.

I hope that makes sense.

[Mohammad – SUPPORT]

Hi,
If you provide link then i can give to you exact custom css code to make this change.
Thanks 🙂
With Best Regards
Swift Ideas

[Meanderling]

I’m sorry I don’t have a link for you. I have hacked something together and it looks fine where it is, so seeing it won’t help. The trouble is, if I use the form elsewhere it doesn’t expand to fit as I want it to because I don’t think I’ve done coded it correctly.

I need an input field and submit button to take up 100% of their containing div, however wide the container. At the moment my input field is set to 75% so that the button sits alongside, any wider and it pushes the button below. Should I be using display:inline or inline-block or something?

Thanks

[Mohammad – SUPPORT]

Hi,
Please measure the width of container div and set its min width in px to avoid this issue.
Thanks

[Meanderling]

Ok, thanks I’ll give it a go 🙂

[Mohammad – SUPPORT]

Hi,
Its ok.
Thanks 🙂
With Best Regards
Swift Ideas