Signup form

Nmaster88
Nmaster88
@nmaster88
8 years ago
94 posts
Hello,

I've found this for login: https://www.jamroom.net/the-jamroom-network/documentation/howto/603/howto-add-the-user-login-form-to-any-page

Is there something similar for Signup? Or do I have to do like it's done on the flashback skin?
Something like this
        <a href="{$jamroom_url}/{jrCore_module_url module="jrUser"}/signup">Create account</a>
and then using css to format the page? Can this be done on a template on the skin? Thanks.
updated by @nmaster88: 07/13/16 10:31:46PM
michael
@michael
8 years ago
7,715 posts
The site builder system has a LOGIN and a SIGNUP widget that you just select and drop into the page.

Docs: Site Builder
https://www.jamroom.net/the-jamroom-network/documentation/site-builder
Nmaster88
Nmaster88
@nmaster88
8 years ago
94 posts
That seems cool, but using my custom skin i have problems using the site builder am i missing something?
brian
@brian
8 years ago
10,148 posts
Nmaster88:
That seems cool, but using my custom skin i have problems using the site builder am i missing something?

Your skin must be setup to use Site Builder - go into your templates section for your skin and use the "compare" tool to see the differences between your custom skin and the skin you cloned from.

Let me know if that helps.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
serveion
@serveion
8 years ago
223 posts
Hello

Let me explain better how our custom skin is setup.
we have covert all html into smarty template files, to math original html page.
we have fix image path and meta header and footer.

1. first page we are going to start is with login page and registration page.

* Login page.
we have a login design the we would like to use, (we out using predesign from site builder )
would like to connect directly to jrUser to login and register.

2. We haven't done a deep integration with Jamroom like others skin, as everything is custom, we are going to work with the modules we need for this specific project.
jrCore
jrUser
jrAudio
jrYotube
jrApana
jrProfile

We are taking one jrModule integration at the time. with out using site builder, because we have specific design we want to use.

That why we would like to know how to user jrUser and FormDesign field with our own signup.tpl.
i don't have a signup.tpl file to compare it too, am having a bit hard time understanding how to do it.
as you can see we need to add the quotas on that registration form.




Update:

I have check the compare tool in Jamroom looks awesome, that will help us later on in our project.
I see now we can compare with any of the jrSkin already on the system.
updated by @serveion: 02/13/16 03:22:11PM
michael
@michael
8 years ago
7,715 posts
Ok, understood, you're using a custom skin that is probably missing a ton of the expected functionality needed to make modules work.

Nmaster88:..... i have problems using the site builder am i missing something?....

The problem is I don't know what you have/haven't included in your custom skin to know how to approach the question.

The modules expect to be able to get code out to the skins, if they are unable to do that then things will not work, but without knowing what is the same/different between your skin and a standard skin its very difficult to help.

ie, does your skin have a meta.tpl that contains the meta info for the headers of the page.

The meta.tpl header.tpl footer.tpl are files that are expected to be there and contain functions that allow modules to get CSS and javascript code out to the skins.

---
What I'm thinking you've done:
Taken a non-jamroom skin, maybe a wordpress skin or something and put it up into the skins directory and are now adding in things like {jrCore_list} for content.

Nothing wrong with doing it that way, just need to make sure you don't miss things that make modules work.
serveion
@serveion
8 years ago
223 posts
hello

@b360
your post help to structure our signup form,

@michael
we have a design done in bootstrap. we are working on adding that to jamroom.
you can see design in the following url.
http://dev.wowmusic.fm
and the signup page here:
http://dev.wowmusic.fm/signup
@nmaster88 is doing some changes we will post the code here when we have a complete code for everyone to review

thank you guys, we will update soon.
updated by @serveion: 02/14/16 10:39:51AM
Developer Networks
Developer Networks
@developer-networks
8 years ago
566 posts
serveion:
hello

@b360
your post help to structure our signup form,
...

thank you guys, we will update soon.

Your Welcome! Glad it helped.

I have built 3 custom Jamroom skins using bootstrap. I have the template your using almost completely converted to a jamroom skin with other mods. If you need more help with yours just let me know, Im booked right now but will try to respond when I can.
skin1.jpg
skin1.jpg  •  192KB


updated by @developer-networks: 02/14/16 11:00:03AM
Developer Networks
Developer Networks
@developer-networks
8 years ago
566 posts
picture2
skin2.jpg
skin2.jpg  •  205KB

Developer Networks
Developer Networks
@developer-networks
8 years ago
566 posts
picture3
skin3.jpg
skin3.jpg  •  207KB

Developer Networks
Developer Networks
@developer-networks
8 years ago
566 posts
picture4
skin4.jpg
skin4.jpg  •  141KB


updated by @developer-networks: 02/14/16 11:03:17AM
Developer Networks
Developer Networks
@developer-networks
8 years ago
566 posts
Michael has a great starter template here. It's not supported here but it will save you a lot of grief.

https://github.com/ussher/bootstrap
serveion
@serveion
8 years ago
223 posts
hello
@b360

template look beautiful,
any help will be awesome.

yes we are working the web and app part of the project we are keeping most of the design, and adding a few new ones on it, for our business model, as we want to tap to jamroom and make it our core for our product.
JR5 kick some ass, is so powerful and flexible.

thank you for the github url that will help with getting ideas
updated by @serveion: 02/14/16 12:27:50PM
Nmaster88
Nmaster88
@nmaster88
8 years ago
94 posts
Thanks guys! Our signup form seems to be working well, we will come back at this later to see if we find any problem.
Nmaster88
Nmaster88
@nmaster88
8 years ago
94 posts
It's been a while after we touched this but it seems that unfortunatelly our signup form stopped working it submits empty info, i'm trying now to have a test form working but it no success, the code is the following:
       {jrCore_form_create_session module="jrUser" option="signup" assign="token"}
          <div id="jrUser_signup_msg" class="page_notice form_notice"></div>
          <form class="jrform" id="jrUser_signup" name="jrUser_signup" action="{$jamroom_url}/user/signup_save" method="post" accept-charset="utf-8" enctype="multipart/form-data">
            <input type="hidden" id="jr_html_form_token" name="jr_html_form_token" value="{$token}">

              <tr id="ff-row-user_name">
                  <td class="element_left form_input_left text_left user_name_element_left">
                      <a id="ff-user_name"></a>user name
                  </td>
                  <td class="element_right form_input_right text_right user_name_element_right" style="position:relative">
                      <input type="text" id="user_name" class="form_text" name="user_name" value="" tabindex="1" autocorrect="off" autocapitalize="off">
                      <input type="button" value="?" class="form_button form_help_button" title="expand help" onclick="$('#h_user_name').slideToggle(250);">
                  </td>
              </tr>


              <tr id="ff-row-user_email">
                  <td class="element_left form_input_left text_left user_email_element_left">
                      <a id="ff-user_email"></a>email address
                  </td>
                  <td class="element_right form_input_right text_right user_email_element_right" style="position:relative">
                      <input type="text" id="user_email" class="form_text" name="user_email" value="" tabindex="2" autocorrect="off" autocapitalize="off">
                      <input type="button" value="?" class="form_button form_help_button" title="expand help" onclick="$('#h_user_email').slideToggle(250);">
                  </td>
              </tr>


              <tr id="ff-row-user_passwd1">
                  <td class="element_left form_input_left password_left user_passwd1_element_left">
                      <a id="ff-user_passwd1"></a>password
                  </td>
                  <td class="element_right form_input_right password_right user_passwd1_element_right" style="position:relative">
                      <input type="password" id="user_passwd1" class="form_text" name="user_passwd1" value="" tabindex="3">
                      <input type="button" value="?" class="form_button form_help_button" title="expand help" onclick="$('#h_user_passwd1').slideToggle(250);">
                  </td>
              </tr>


              <tr id="ff-row-user_passwd2">
                  <td class="element_left form_input_left password_left user_passwd2_element_left">
                      <a id="ff-user_passwd2"></a>repeat password
                  </td>
                  <td class="element_right form_input_right password_right user_passwd2_element_right" style="position:relative">
                      <input type="password" id="user_passwd2" class="form_text" name="user_passwd2" value="" tabindex="4" onkeypress="if (event && event.keyCode == 13 && this.value.length > 0) { jrFormSubmit('#jrUser_signup','{$token}','ajax'); }">
                      <input type="button" value="?" class="form_button form_help_button" title="expand help" onclick="$('#h_user_passwd2').slideToggle(250);">
                  </td>
              </tr>


              <tr id="ff-row-quota_id">
                  <td class="element_left form_input_left select_left quota_id_element_left">
                      <a id="ff-quota_id"></a>account type
                  </td>
                  <td class="element_right form_input_right select_right quota_id_element_right" style="position:relative">
                      <select id="quota_id" class="form_select" name="quota_id" tabindex="5"><option value="1" selected="selected"> Listener</option>
                          <option value="2"> Artist / Band</option>
                          <option value="6"> Event Organizer </option>
                          <option value="5"> Journalist / Media</option>
                          <option value="3"> Label</option>
                          <option value="4"> Manager</option>
                          <option value="7"> Radio Station</option>
                      </select>
                      <input type="button" value="?" class="form_button form_help_button" title="expand help" onclick="$('#h_quota_id').slideToggle(250);">
                  </td>
              </tr>

              <tr id="ff-row-user_is_human">
                  <td class="element_left form_input_left checkbox_spambot_left user_is_human_element_left">
                      <a id="ff-user_is_human"></a>human check
                  </td>
                  <td class="element_right form_input_right checkbox_spambot_right user_is_human_element_right" style="position:relative">
                      <span id="sb_user_is_human"><input type="checkbox" id="user_is_human" name="user_is_human" tabindex="5"></span>
                      <input type="button" value="?" class="form_button form_help_button" title="expand help" onclick="$('#h_user_is_human').slideToggle(250);">
                  </td>
              </tr>

              <tr>
                  <td colspan="2" class="form_submit_box">
                      <div class="form_submit_section">
                          <img id="form_submit_indicator" src="{$jamroom_url}/image/img/skin/wmMusic/submit.gif" width="24" height="24" alt="working...">
                          <input type="button" id="jrUser_signup_submit" class="form_button" value="create account" tabindex="6" onclick="jrFormSubmit('#jrUser_signup','{$token}','post');">
                            <input type="button" id="jrUser_signup_cancel" class="form_button" value="cancel" onclick="jrCore_window_location('{$jamroom_url}')">
                      </div>
                  </td>
              </tr>

          <p class="text-muted text-center">
            <small>Already have an account?</small></p>
          <a href="{$jamroom_url}/signin" class="btn btn-lg btn-info btn-block btn-rounded">Sign in</a>
        </form>

Is something wrong in this code? Thanks

(We don't want to use the sitebuild form)
updated by @nmaster88: 04/14/16 12:16:15PM

Tags