Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • James Weston Friend
    #200796

    Hi Guys,

    Is there a separate module i need to use to create a form like this or can I just edit the contact us form?

    http://www.thereserve-asia.com/requestmembership/

    Ninja Lead Moderator
    #547272

    I avoid recommending specific extensions because every user’s tastes are different. That said, here are some categories in the Joomla Extensions Directory which will help you:

    Contact forms: http://extensions.joomla.org/extensions/contacts-and-feedback/contact-forms

    Custom forms in general: http://extensions.joomla.org/extensions/contacts-and-feedback/forms

    James Weston Friend
    #547357

    Hi thanks for those links. I was thinking to keep the same styling as the site could I go to the User Registration Page and edit that in the html to how I want it?

    When they click register I would get their data correct?

    If so where would i find the css for the user registeration page?

    Cheers Jim

    Ninja Lead Moderator
    #547411

    Hi Jim,

    If you are a developer, you can find and change User Registration Page as

    + Model

    <blockquote>components/com_users/models/registration.php</blockquote>

    + Controller

    <blockquote>components/com_users/controllers/registration.php</blockquote>

    + View(or layout)

    <blockquote>templates/ja_sugite/html/com_users/registration/default.php
    components/com_users/views/registration/tmpl/default.php
    components/com_users/views/registration/view.html.php</blockquote>

    + All css style work with User Register page in templates/ja_sugite/css/template.css file

    .registration form h1 {
    color: #222222
    font-size: 30px;
    margin-bottom: 25px;
    }
    .registration form .form-actions {
    background: none;
    border-top: 0;
    padding: 0;
    }
    .registration form input {
    display: inline-block;
    }
    .registration form input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    .registration form label {
    display: block;
    }
    .registration form .calendar {
    border-width: 2px;
    margin-left: 0;
    padding: 12px;
    vertical-align: top;
    border-left: 0;
    }
    .registration form .optional {
    color: #999999
    display: block;
    margin: -8px 0 8px;
    font-size: 14px;
    }
    .registration form fieldset .form-input {
    margin: 14px 0;
    }
    .registration form fieldset .form-input:first-child {
    display: none;
    } @media (max-width: 767px) {
    .registration {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    }
    }
    .registration fieldset dt {
    margin-right: 5px;
    }

    Regards

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  Ninja Lead 10 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum