Edit login component

[lgrupido]

I want to add a field to the login component of an application.

Basically, I want to add a checkbox asking if the user would like to use the mobile version of the app, or the regular browser version.

But the default login component does not appear to led itself to a lot of editing.

Is it possible to do what I want to do?

Larry

[CharlesParker]

Re: Edit login component

Yes but you might find it easier to make the page the login page sends visitors to an alternate pitstop page where they can select by use of a check box what page the user will be directed to next.
An alternative would be to use responsive layouts, but for me they were too complicated to setup exactly.
I found it better to put everything in a tabbedui and let the user pick by button if they wanted a mobile friendly version of the same grid which is really a UX that works on percentages.
I also find that data entry is easiest with a keyboard at a desktop via a detail view in a grid and that reviewing and minor data entry is best via a UX.

good luck, don't let my practices limit you!

[lgrupido]

Re: Edit login component

This site will be visited by people from all over, using many, many different devices. A responsive layout may be appropriate in some places, but with endless possibilities, I don't want to make things too complicated.

I am trying to avoid a pitstop page. I don't want them to have to login, then make another selection afterwards if I can avoid it.

I DO have a link on the index page where they can change their screen after they login. They can also setup their default login so that it will always be mobile or always be browser. New users can also select their default on registration and change their default any time.

It would just be nice to give them a choice on login to override their default setting.

[GGandhi]

Re: Edit login component

login component automatically creates an a5w page. if you edit that page and add button and onClick would you be able to go to the mobile page?
or as google does, detect the browser and add a javascript code to ask them to if they want to go to mobile version.

larry, this is just a thought process if it does not work, i can play with it and see how it works.

[Steve Workings]

Re: Edit login component

Larry - what if:

The Login component Layout property has an option for Freeform layout. So, use that, and add in your own construct for whatever selector you might want. Add an OnChange or Onclick event handler -- whatever's appropriate -- that runs the A5.ajax.callback() javascript function.

The syntax is:

A5.ajax.callback(url,data)

Here's an example I use, not on an onclick() event but within other javascript:

A5.ajax.callback('A5Callbacks.a5w','__action=CtResp&count='+$gvs('click_counter'));

Then, on the A5Callbacks.a5w page, I have this:

if eval_valid("__action") = .f.
	goto fEnd
end if

if __action = "CtResp"
	Observer_Recorder(session.observation_id, count)
end if
. . .

[MarkRossi]

Re: Edit login component

Another option is to create a new UX and in the afterDialogValidate event add a call to the function a5ws_Login_User(user_name,password), which will log the user in. The only problem with this is you don't have access to the forgot your password section from the default login component.

[lgrupido]

Re: Edit login component

I've got a new made up radio button control in the freeform section now, but I'm not sure how to add an event to it.

I think if I got that part, I could do the ajax callback as Steve suggested. I've got it looking good, I just don't now how to make it do something!

I have added this code to the freeform section:

    <tr>
      <td class="GrGrayGridDataHeader">Select Menu Type (optional)</td>
    </tr>
    <tr>
      <td class="GrGrayGridData"><input type="radio" name="menu" value="Regular">Regular 
<input type="radio" name="menu" value="Mobile">Mobile<br></td>
    </tr>

[lgrupido]

Re: Edit login component

Thanks everyone for your help.

I got it figured out.

After adding the checkbox to the login component, I was able to reference the value of the component by name elsewhere on the page.

So, above the login component in the login.a5w page, where I already had script getting the userID into a session variable, I added the script:

        if menu = "Mobile" then
		session.sMobile = "true"
		else
		session.sMobile = "false"
	end if

It worked great!

I didn't need javascript or anything else.

[Steve Workings]

Re: Edit login component

I poked around a bit with google and found this:

http://www.webmasterworld.com/forum91/3726.htm

This or something similar ought to do it.