Page 1 of 1

(SOLVED)Formating Newsletter input form

Posted: Thu Dec 29, 2011 10:09 am
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

Re: Formating Newsletter input form

Posted: Thu Dec 29, 2011 10:57 am
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}

Re: Formating Newsletter input form

Posted: Thu Dec 29, 2011 11:18 am
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

Re: Formating Newsletter input form

Posted: Thu Dec 29, 2011 11:45 am
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>

Re: Formating Newsletter input form

Posted: Thu Dec 29, 2011 11:56 am
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

Re: Formating Newsletter input form

Posted: Thu Dec 29, 2011 12:06 pm
by staartmees
it looks fine with Opera, Chrome, Pale Moon (a Firefox distro) and IE 9

Re: Formating Newsletter input form - Solved

Posted: Thu Dec 29, 2011 12:38 pm
by Dave59
Thanks I will assume the problem is with my comp.
I will mark this solved.
Thanks for your help
Dave

Re: (solved) Formating Newsletter input form

Posted: Thu Dec 29, 2011 4:59 pm
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...

Re: (solved) Formating Newsletter input form

Posted: Fri Dec 30, 2011 6:44 am
by Dave59
OK I will try that.
Thanks for the great support.
Happy new year to you all.
Dave

Re: Formating Newsletter input form

Posted: Fri Dec 30, 2011 2:23 pm
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

Re: Formating Newsletter input form

Posted: Fri Dec 30, 2011 3:00 pm
by staartmees

Re: Formating Newsletter input form

Posted: Fri Dec 30, 2011 3:21 pm
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

Re: Formating Newsletter input form

Posted: Fri Dec 30, 2011 6:43 pm
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

Re: (SOLVED)Formating Newsletter input form

Posted: Sat Dec 31, 2011 9:07 am
by Dave59
That solved it.
Don't know how I managed to get NMS installed twice.
Thanks for your help.
Happy new year!!!!!!!!!!