Signup Module Layout from Vert. to Horiz?

More
14 Apr 2011 19:43 #897 by oxalis
Hi,

Where do I have to go to edit the module? I wish the layout of the registration module to be horizontal, and inline, rather than the standard verticle layout.

Anyone help?

Please Log in or Create an account to join the conversation.

More
15 Apr 2011 14:45 #900 by pete
Hello oxalis,

This option is not available 'out of the box'. You would have to edit the following file to make the elements display inline:
/modules/mod_mailchimpsignup/assets/css/default.css
You'll probably also need to remove some <br /> tags from this file:
/modules/mod_mailchimpsignup/tmpl/default.php

Please keep in mind that these changes will be lost when you upgrade the joomlamailer component so make sure to apply them again after the update.

Kind regards,
Pete

Please Log in or Create an account to join the conversation.

More
15 Apr 2011 14:58 #901 by oxalis
Thanks Pete, I will give that a go.

Do you know the css coding for making in inline like this?

Please Log in or Create an account to join the conversation.

More
15 Apr 2011 14:59 #902 by oxalis
my .css is like this now, but still not working?

.mcsignup {

margin: 0;
padding: 0;

}

.mcsignup {

display: inline; /* Shows each item side-by-side */
list-style-type: none; /* Gets rid of the bullet points */

}

.mcsignup {

display: block;
float: left;
padding: 0 1em; /* Provides horizontal separation between menu items */
}

.mcsignup {

}

.mcsignup input[type="text"] {
margin-bottom: 5px;
}
.mcsignup select {
margin-bottom: 5px;
}
.mcsignup .calendar {
position: relative;
left:3px;
top:4px;
}

Please Log in or Create an account to join the conversation.

  • 23
  • Visitor
  • Visitor
12 Feb 2012 10:03 #2216 by 23
What do i have to change inside the default.php to have a horizontal layout?

I removed all br tags.

Please Log in or Create an account to join the conversation.

  • 23
  • Visitor
  • Visitor
13 Feb 2012 21:16 #2217 by 23
Can someone please link to a modified default.php or give instructions how to get horizontal layout?

Please Log in or Create an account to join the conversation.

More
26 Mar 2012 19:51 #2245 by workingraphics
I'd be interested in knowing the solution to this too please. I can't see which case to alter in the default.php and a bit unsure of the exact css required in the defaul.css

Please Log in or Create an account to join the conversation.

More
24 Jun 2012 21:59 #2312 by gareth
Joomlamailer does seem to comply with the Joomla! templating system, so the ideal way would be to create a template override in your skin/template:
Create a new folder in your template:
[YOUR-TEMPLATE]/html/mod_mailchimpsignup/

Copy the file modules/mod_mailchimpsignup/tmpl/default.php to the new directory in your template folder.

This should override the module default and you can now edit the file without affecting future upgrades. Any CSS changes can be added to or created in your template.css file.

Hope this helps :)

Please Log in or Create an account to join the conversation.