Mobile Swipe Carousel

[ghamm]

Hi,

For an app I'm testing concept of, the warehouse worker uses their device in landscape.. There are up to 100 pages that they scroll through, each shows a store name and a quantity.. Every page is the same except for these 2 variables. 

 

1. I have this working using a carousel concept, but this would mean that here could be 100 carousel items.. Would that be too many?

 

2 Really, what I want is to have one page, and the user scrolls left or right, and the labels just change.. use a variable to maintain position in my array of 100 stores..

 

Can you tell me how to do gestures swipe left and right without using Carousel? Or is carousel the way to go?

 

 

Gordon

 

 

[ghamm]

 Is there any way to do a swipe without using a carousel? Something easier than using an Ajax event?

[Sherzod]

Hi,

 

*  Is there any way to do a swipe without using a carousel? Something easier than using an Ajax event?

 

Can you try analyze this post?!:

http://forums.unigui.com/index.php?/topic/6221-swipe-event-on-the-form/

 

Best regards.

[ghamm]

I did see that, thank you .. but was hoping that it might be easier to implement than having to do an Ajax call. What are your thoughts on using up to 100 pages in a carousel?

[Farshad Mohajeri]

Instead of navigating in 100 pages, isn't it better to develop a search mechanism which user can jump to a page directly?

[ghamm]

Let me explain the need... maybe im going about this wrong..

 

Right now, the selectors in a warehouse have a sheet of paper listing all of the stores that need product. Next to the store (On the list on the paper) shows how many items the store ordered.. This is for a single product.

 

Right now, the user holds the paper in his or her hand, and walks around selecting the correct quantity for each store on the list. This is hard because the user must hold the paper with the list of stores and grab product at the same time..

We want to free up their hands, and will also make it easier on the eyes, they wont get confused as to which store they are on.. Right now, they check it off the list when they are done.

 

I am trying to show proof of concept to replace a phone app that I wrote.. My idea is to have a mobile device on the users wrist, and they start with the first store/quanity.. fill the order for that store.. swipe, get the next store/ Quanity and so on. There are about 100 stores/swipes. This way, as they step sequentially though the list, they are ONLY seeing one store at a time on their wrist..They can swipe backwards too if they want to confirm their work etc.. I could use an arrow on each side of the form, but I'm thinking a swipe would be easier.

 

Hope this helps.

 

Gordon

[ghamm]

I tried this in my UniGui Code.. I cant get my web app to detect my swipe.. Im not even trying the ajax event yet.. any thoughts?

 

MainmForm -> ClientEvents -> UniEvents [Ext.Container[window]] add window.afterCreate fn:

 

 

function window.afterCreate(sender)
{
  sender.element.on("swipe",
    function(e){
      alert("onSwipe")
    }
  )
}

[Sherzod]

Hi,

 

MainmForm -> ClientEvents -> UniEvents [Ext.Container[window]] add window.afterCreate fn:

 

Please check again, it should work correctly

 

"Alert" is displayed?

 

Best regards.

[ghamm]

No, No Alert is not displayed.. Im testing this on my Iphone 6, not sure if that makes a difference. I try to swipe any direction. Is there something else I need to turn on?
 

[Sherzod]

Hi,

 

Sorry, at the moment I am unable to test on the mobile phone,

we will analyze...

[ghamm]

Ok, Id appreciate any help on this..

[ghamm]

Any more thoughts on this? I can seem to make this work.

[Farshad Mohajeri]

You can put a UnimPanel on Form.

function painted(sender, eOpts)
{
   sender.on("swipe", function(e) {
         ajaxRequest(MainmForm.UnimPanel1, 'swipe', {dir:e.direction});         
      }
   );
}

Assign above client event.

 

On Delphi side write below handler:

procedure TMainmForm.UnimPanel1AjaxEvent(Sender: TComponent; EventName: string;
  Params: TUniStrings);
begin
  if EventName = 'swipe' then
  begin
    ShowMessage(Params['dir'].AsString);
  end;
end;