Mobile registration page

by mcdk Wed 25 Nov - 20:20

Hello.
Ive posted some days ago in this topic : https://help.forumotion.com/t144205-mobile-register-page#985093 .
Although I didnt understand why it was moved to garbage as I didnt get a specific solution to my problem.
Can u help me , to create then a html page that does this work for me ?
Because when user wants to register is moving to the desktop version.
thanks.

by Ace Wed 25 Nov - 20:56

Hi,

I guess that redirecting is the easy part but the real problem is handling with the form (since I'm planning to build you a HTML page). Could you just confirm me if you still want this? If you do, I can try elaborating a solution for this one.

Regards.

by mcdk Wed 25 Nov - 21:01

Hello thanks for your reply!
Yes of course im still looking how to do it.

thanks again

by Ace Wed 25 Nov - 21:42

mcdk wrote:Hello thanks for your reply!
Yes of course im still looking how to do it.

thanks again

Ok, so I was testing a few things in order to solve your topic and here's the problem. First of all, the real big problem in here is that the registering page won't look like the rest of your mobile theme. I would basically construct a form where it would submit your data the same way the registering form does but it would probably be something like this:

Code:: <html> <body><form action="/test" method="post" name="test123"> First name: <input type="text" name="FirstName" value="1"><br> Last name: <input type="text" name="LastName" value="2"><br> <input type="submit" value="Submit"> </form></body></html>

So, just a blank page, with nothing more than a form. Would you still like to try it?

Regards.

by mcdk Thu 26 Nov - 19:47

Yes of course , Im still interested ..After I will change some colors to look like the mobile version.
But the main issue is , how will the user be redirected to this page when he clicks for example under the login form to the register link?
Moreover , By the time , the fields that the user must fill-in are : the username , the password and the e-mail address . And the e-mail address doesnt need activation.
thanks again.

by mcdk Sun 29 Nov - 0:22

any news?

@Ace

by Ace Sun 29 Nov - 3:59

mcdk wrote:Yes of course , Im still interested ..After I will change some colors to look like the mobile version.
But the main issue is , how will the user be redirected to this page when he clicks for example under the login form to the register link?
Moreover , By the time , the fields that the user must fill-in are : the username , the password and the e-mail address . And the e-mail address doesnt need activation.
thanks again.

It's actually easy to do that. The real -- boring -- part is to make the form Razz

But I'm working on it. Wink

About the email and other registration fields, it'll work according to your forum preferences.

Regards.

by mcdk Mon 30 Nov - 13:23

@Ace if you cant help me , please tell what to fill-in in the value and the name of each field , and futhermore to the submit button so that will work.
thanks.

by mcdk Tue 1 Dec - 16:24

@Ace
no news?

by mcdk Thu 3 Dec - 0:12

hello where are the other support guys?
i just want to give me some lines of html code.

by mcdk Thu 3 Dec - 0:29

I generated this form bellow and i have 2 questions.
How can i redirect the mobile user to a html page with this form.
and after the user registers , he isgoing again on the desktop version to re-enter his password.
can we avoid this with some way?
thanks.

Code:: <form action="/register?agreed=true&step=2" method="post"> <p> <label for="username">First name: </label> <input type="text" name="username" /><br> <label for="lastname">Password: </label> <input type="password" name="password"><br> <label for="email">email: </label> <input type="text" name="email"><br><br> <input type="submit" name="submit" value="Save" /> <input type="reset" /> </p> </form>

by Ace Thu 3 Dec - 2:46

Hi,

So sorry for not replying it earlier. Got sick. :S

Anyway, to redirect the user, use this CSS:

Code:: a[href="/register"] {display: none !important;}

Or this JS:

Code:: jQuery(document).ready(function(){ jQuery('a.mainmenu:contains("Register")').hide() });

(I don't have your forum version)

Create a new menu (Display >> Headers & Structures) in order to redirect it to the form. After the form has been submitted, you can create another HTML page with a login form and redirect the user to it:

Code:: <form action="/login" method="post" name="form_login"> <label for="username">Username:</label><dd><input type="text" tabindex="1" name="username" id="username" size="25" maxlength="40" value="" class="inputbox autowidth" /></dd><dl><dt><label for="password">Password:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="25" maxlength="25" class="inputbox autowidth" /> <br /><br /><a href="/profile.forum?mode=sendpassword"><img src="http://icons.iconarchive.com/icons/seanau/flat-app/24/Questionmark-icon.png" /> Forgot your password?</a><br /><a href="/register"><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/24/User-blue-icon.png" /> Register</a><br /><br /> </dd><dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Entrar" class="button1" /></dd> </dl> </form>

Once again, so sorry for this late reply.

Best regards.

by mcdk Thu 3 Dec - 10:01

@Ace hello ,

well as I understand if i Insert this css or the js , the result is to hide to link the registration page.
Furthermore , I dont need a login form as the mobile version I have , provides me a mobile login page already.
So That I want is this.
a.Bellow the logi-in form , there are the links "forgot password" and "register" . Can the user be redirected when he clicks to this register link to any html page I want?
b.The mini dropdown menu from the mobile version has 3 options "home" "login" and "classic version" .Can we put there a register link too?
c.Maybe you didnt see my full reply , but i have one more question.

mcdk wrote:after the user registers , he isgoing again on the desktop version to re-enter his password.
can we avoid this with some way?

by Ace Thu 3 Dec - 17:38

mcdk wrote:@Ace hello ,

well as I understand if i Insert this css or the js , the result is to hide to link the registration page.
Furthermore , I dont need a login form as the mobile version I have , provides me a mobile login page already.
So That I want is this.
a.Bellow the logi-in form , there are the links "forgot password" and "register" . Can the user be redirected when he clicks to this register link to any html page I want?
b.The mini dropdown menu from the mobile version has 3 options "home" "login" and "classic version" .Can we put there a register link too?
c.Maybe you didnt see my full reply , but i have one more question.

mcdk wrote:after the user registers , he isgoing again on the desktop version to re-enter his password.
can we avoid this with some way?

Okay. Let's go for parts, shall we? Smile

Yes, he can. However, this would impact every device, including desktop ones unless you insert a code which will detect (on that html page) that he uses a desktop instead of a mobile one and then redirect to the correct page. Razz

Want it?

Yes, it's possible. Go to your mobile templates >> overral header.

Look for this part: {NAV_CAT_DESC}

This is a variable of the system. We can't modify it, but we can add a HTML rule inside the div, for instance:

<a href="url">register</a>

And, of course, you can add a image. Since you'll be inserting this into a div, this should also bring all the CSS rules with it. Smile

C: What question?

Regards.

by mcdk Tue 8 Dec - 11:55

Hello @Ace ,
thanks for your replies.
My last question was about this.
After the user submits the button , he is going to a verification desktop page to re-enter the password.
Can we do something for this?
All I want to do , Is to give the option to the mobile users , to sign up and use my forum direct through the mobile version and not go to the desktop version.
Thanks again.

by Ace Wed 9 Dec - 12:15

mcdk wrote:Hello @Ace ,
thanks for your replies.
My last question was about this.
After the user submits the button , he is going to a verification desktop page to re-enter the password.
Can we do something for this?
All I want to do , Is to give the option to the mobile users , to sign up and use my forum direct through the mobile version and not go to the desktop version.
Thanks again.

I have developed a few possible solutions in jQuery. However, they also impact the desktop version, so it's useless. :S Wait for further replies so you can decide what's your best option.

Sorry for the looong waits between answers.

Best regards.