(SOLVED)Formating Newsletter input form

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

(SOLVED)Formating Newsletter input form

Post by Dave59 »

Hi
I have CMSMS 1.10.10.
I have installed the News letter module.
The module extends outside the Div it should be in.
I want to get the label on one line and the input field on the next to reduce the width.
I would also like to control the width of the input field.
You can see my problem under the draft site:
http://www.lackier-und-designstudio.de/web1/.
Sorry but I can not find anything on this subject in the help or forum.
This appears to be the code:
{if $message ne ""}
<br /><span class="nms_message">{$message}</span><br />
{/if}
{$formstart}
{$formhidden}
{if $prompt_email ne ""}
{$prompt_email}:&nbsp;{$email}<br />
{/if}
{if $prompt_firstname ne ""}
{$prompt_firstname}:&nbsp;{$firstname}<br />
{/if}
{if $prompt_surname ne ""}
{$prompt_surname}:&nbsp;{$surname}<br />
{/if}
{foreach from=$listids item=curr_id}
{$curr_id}<br/>
{/foreach}
{$submitbtn}
{$formend}
I would expect there to be a name and surname field, but only Name appears.
There is obviously a CSS file as the class "nms_message", but where?

If anyone can help I would be very greatfull.
Alternatively I could link in an external mail client. Can anyone recommend a good one?

Thanks in advance.
Dave
Last edited by Dave59 on Sat Dec 31, 2011 9:04 am, edited 3 times in total.
staartmees
Power Poster
Power Poster
Posts: 1049
Joined: Wed Mar 19, 2008 4:54 pm

Re: Formating Newsletter input form

Post by staartmees »

NMS Made Simple 2.3.8 only uses the username and the emailaddress.

to split the label and the input field, just change your template by replacing &nbsp; with <br />

{if $message ne ""}
<br /><span class="nms_message">{$message}</span><br />
{/if}
{$formstart}
{$formhidden}
{if $prompt_email ne ""}
{$prompt_email}:<br />{$email}<br />
{/if}
{if $prompt_username ne ""}
{$prompt_username}:<br />{$username}<br />
{/if}
{foreach from=$listids item=curr_id}
{$curr_id}<br/>
{/foreach}
{$submitbtn}
{$formend}
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: Formating Newsletter input form

Post by Dave59 »

Hi Thanks
I had put a </br> in, this had no effect in I.E 9, but works fine in FF.
I was looking at the page with i.e. which still shows the input and label side by side so I did not see the change.
In FF they are as I want them to be.
Do you know why please?
Thanks for the quick response.
Dave
staartmees
Power Poster
Power Poster
Posts: 1049
Joined: Wed Mar 19, 2008 4:54 pm

Re: Formating Newsletter input form

Post by staartmees »

did your refresh your page by pressing one or twice CTRl-F5?
It seems IE doesn't always render <br /> correct, you can also use a simple <br>
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: Formating Newsletter input form

Post by Dave59 »

Yes I tried this.
I will boot up another computer and try.
The other changes appear, but not in the form??
Even clear history etc. with Ccleaner no change.
Did it look ok on your computer?
Unfortunately I will be away for a while now.
Dave
staartmees
Power Poster
Power Poster
Posts: 1049
Joined: Wed Mar 19, 2008 4:54 pm

Re: Formating Newsletter input form

Post by staartmees »

it looks fine with Opera, Chrome, Pale Moon (a Firefox distro) and IE 9
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: Formating Newsletter input form - Solved

Post by Dave59 »

Thanks I will assume the problem is with my comp.
I will mark this solved.
Thanks for your help
Dave
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: (solved) Formating Newsletter input form

Post by Dr.CSS »

You can use the label field or a span around them and tell that to display:block in CSS...

<span>{$prompt_username}:</span> you can give the span a class to target it specifically...
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: (solved) Formating Newsletter input form

Post by Dave59 »

OK I will try that.
Thanks for the great support.
Happy new year to you all.
Dave
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: Formating Newsletter input form

Post by Dave59 »

I thought this was solved, but I have tested on other computers and in I.E.9 the input form is wrongly formatted.
This is driving me crazy and has costed hours of lost work.
Why do you see it as it should be and I get the label and forms side by side even on different computers, but only with I.E. in FF it is as it should be on all computers.
The working draft is under:
http://www.lackier-und-designstudio.de/web1/
I do not understand this and am out of ideas where to look, so that probably means the solution is simple!!
Sorry to have to ask again.
Dave
staartmees
Power Poster
Power Poster
Posts: 1049
Joined: Wed Mar 19, 2008 4:54 pm

Re: Formating Newsletter input form

Post by staartmees »

spcherub
Power Poster
Power Poster
Posts: 402
Joined: Fri Jun 06, 2008 5:54 pm

Re: Formating Newsletter input form

Post by spcherub »

There seem to be differences in the way FF and Chrome (in my case) render the default HTML for form fields. I was able to get around that by sizing the text field widths in CSS instead of relying on the "size=" parameter. Add the following to your CSS and that should fix it:

Code: Select all

div#newsletterbox input.cms_textfield {width:150px;height:14px;}
Of course you can adjust the width and height to suit your particular design and layout.

Hope this helps.
-S
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: Formating Newsletter input form

Post by Dave59 »

It looks like I have a messed up installation.
Under Extensions, NMS appears twice.
Only once in the module list of installed modules.
I also had TNMS installed
When I look at the templates in each of these one has the </br> the other not.
So I did a de install and reinstalled now the module is dead.
I just get "no list to register found" (Rough translation from German "Keine Liste zum Anmelden gefunden") no form!
Out of the frying pan and into the fire! I could express it another way, but it would get censored.
Now I need to find the last back up that works.
I will post when I know if this was the cause.
Thanks again
Dave
Dave59
Forum Members
Forum Members
Posts: 61
Joined: Sun Dec 27, 2009 5:18 pm

Re: (SOLVED)Formating Newsletter input form

Post by Dave59 »

That solved it.
Don't know how I managed to get NMS installed twice.
Thanks for your help.
Happy new year!!!!!!!!!!
Post Reply

Return to “Layout and Design (CSS & HTML)”