How to set interval on native mobile app input time?

Hello everyone, i want to create an input with Time data type to the record. Currently i'm using this widget and change the input type to Time:


But it cannot set an interval for picking the time, in my case i need to set the interval for 30 minutes (starts on 08:00, then 08:30 and go on..).

is there any other alternative to achieve this? with a plugin in the forge perhaps? thanks.

Hi Aditja, 


For Traditional Web, there is a widget called TimePicker:

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Traditional_Web_Patterns/Controls/TimePicker


However, there is no such alternative on Mobile available. One solution to try is to re-create this one for mobile. You can create a traditional web application and open the TimePicker pattern in OutSystemsUIWeb, there you can see in the preparation how they construct this list. Basically they calculate the selectable list. 

Re-create this with your needs in a webblock.

I hope it helps and you can create the solution!

Bas de Jong wrote:

Hi Aditja, 


For Traditional Web, there is a widget called TimePicker:

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Traditional_Web_Patterns/Controls/TimePicker


However, there is no such alternative on Mobile available. One solution to try is to re-create this one for mobile. You can create a traditional web application and open the TimePicker pattern in OutSystemsUIWeb, there you can see in the preparation how they construct this list. Basically they calculate the selectable list. 

Re-create this with your needs in a webblock.

I hope it helps and you can create the solution!

Hi Bas de Jong, thanks for your response.


So if I try to re-create the TimePicker widget to a web application, I have to create it in a block form? Is the block in web application and mobile application are the same and can be used in both platform?

About another solution, is there any plugin component in the forge that suitable for my case?


Salman Ansari wrote:

Hi 

Please check below component might be help

https://www.outsystems.com/forge/component-overview/8335/time-picker-reactive

Hi Salman, thanks for the response.


Does it work with mobile application only? I tried to import the block in my mobile app module but it cannot appear


Aditya Eka Prabowo wrote:

Bas de Jong wrote:

Hi Aditja, 


For Traditional Web, there is a widget called TimePicker:

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Traditional_Web_Patterns/Controls/TimePicker


However, there is no such alternative on Mobile available. One solution to try is to re-create this one for mobile. You can create a traditional web application and open the TimePicker pattern in OutSystemsUIWeb, there you can see in the preparation how they construct this list. Basically they calculate the selectable list. 

Re-create this with your needs in a webblock.

I hope it helps and you can create the solution!

Hi Bas de Jong, thanks for your response.


So if I try to re-create the TimePicker widget to a web application, I have to create it in a block form? Is the block in web application and mobile application are the same and can be used in both platform?

About another solution, is there any plugin component in the forge that suitable for my case?



Yeah the most useful form is a block. If you create a reactive web application with your block, you can reference that in mobile and reactive web for in the future. 



I have created a simple component in the forge that you can use:


https://www.outsystems.com/forge/component-overview/8423/timeinterval-picker-reactive-and-mobile


Let me know if this is helpful for you.

Bas de Jong wrote:

I have created a simple component in the forge that you can use:


https://www.outsystems.com/forge/component-overview/8423/timeinterval-picker-reactive-and-mobile


Let me know if this is helpful for you.

Hi Bas de Jong, i really thankful for your responses and help to me.

I tried to install your component in the forge via service studio but it says "No stable for your environment":



I'm using an enterprise environment for my client. By the way, the module i develop is a mobile application one, not reactive. Is the block still compatible?

Aditya Eka Prabowo wrote:

Bas de Jong wrote:

I have created a simple component in the forge that you can use:


https://www.outsystems.com/forge/component-overview/8423/timeinterval-picker-reactive-and-mobile


Let me know if this is helpful for you.

Hi Bas de Jong, i really thankful for your responses and help to me.

I tried to install your component in the forge via service studio but it says "No stable for your environment":



I'm using an enterprise environment for my client. By the way, the module i develop is a mobile application one, not reactive. Is the block still compatible?

The block is confirmed working in a mobile application :)

Strange that this warning is coming up! I created it on my personal environment and it is suitable for all OutSystems 11 platforms so I don't know what goes wrong. Maybe you can import the oap file via service center?


Do you have the latest version of OutSystems UI?

Hi Aditya,

I also wondered what triggers the "No stable version for your environment" notification. Sometimes I get that from components that I created myself and reinstall them into my own environment (that hasn't been changed since). ut you can install it, I never encountered any issues with doing so. 

As for you other question. This component will also work for Mobile. This is indicated in the icon of Reactive as there is a mobile device in it. One component for 2 development frameworks :) 

Aditya Eka Prabowo wrote:

Salman Ansari wrote:

Hi 

Please check below component might be help

https://www.outsystems.com/forge/component-overview/8335/time-picker-reactive

Hi Salman, thanks for the response.


Does it work with mobile application only? I tried to import the block in my mobile app module but it cannot appear



Hi Aditya,


Please check below component for mobile support.It will work in your case.

https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=8424

Bas de Jong wrote:

Aditya Eka Prabowo wrote:

Bas de Jong wrote:

I have created a simple component in the forge that you can use:


https://www.outsystems.com/forge/component-overview/8423/timeinterval-picker-reactive-and-mobile


Let me know if this is helpful for you.

Hi Bas de Jong, i really thankful for your responses and help to me.

I tried to install your component in the forge via service studio but it says "No stable for your environment":



I'm using an enterprise environment for my client. By the way, the module i develop is a mobile application one, not reactive. Is the block still compatible?

The block is confirmed working in a mobile application :)

Strange that this warning is coming up! I created it on my personal environment and it is suitable for all OutSystems 11 platforms so I don't know what goes wrong. Maybe you can import the oap file via service center?


Do you have the latest version of OutSystems UI?

Alright i will try to install in oap. We have the 2.3.2 version of Outsystems UI. Thank you for the kind responses Bas, i really appreciate it :)

Salman Ansari wrote:

Aditya Eka Prabowo wrote:

Salman Ansari wrote:

Hi 

Please check below component might be help

https://www.outsystems.com/forge/component-overview/8335/time-picker-reactive

Hi Salman, thanks for the response.


Does it work with mobile application only? I tried to import the block in my mobile app module but it cannot appear



Hi Aditya,


Please check below component for mobile support.It will work in your case.

https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=8424

Hi Salman,

Thanks a lot for your contribution :) I'll try to implement your forge component as well. Thanks once again.


Aditya Eka Prabowo wrote:

Bas de Jong wrote:

Aditya Eka Prabowo wrote:

Bas de Jong wrote:

I have created a simple component in the forge that you can use:


https://www.outsystems.com/forge/component-overview/8423/timeinterval-picker-reactive-and-mobile


Let me know if this is helpful for you.

Hi Bas de Jong, i really thankful for your responses and help to me.

I tried to install your component in the forge via service studio but it says "No stable for your environment":



I'm using an enterprise environment for my client. By the way, the module i develop is a mobile application one, not reactive. Is the block still compatible?

The block is confirmed working in a mobile application :)

Strange that this warning is coming up! I created it on my personal environment and it is suitable for all OutSystems 11 platforms so I don't know what goes wrong. Maybe you can import the oap file via service center?


Do you have the latest version of OutSystems UI?

Alright i will try to install in oap. We have the 2.3.2 version of Outsystems UI. Thank you for the kind responses Bas, i really appreciate it :)


great! please let me know if it worked. I have created the plugin with version 2.4.0 so that might give the stable version warning. However, this plugin is completely usable with older versions!

Vincent Koning wrote:

Hi Aditya,

I also wondered what triggers the "No stable version for your environment" notification. Sometimes I get that from components that I created myself and reinstall them into my own environment (that hasn't been changed since). ut you can install it, I never encountered any issues with doing so. 

As for you other question. This component will also work for Mobile. This is indicated in the icon of Reactive as there is a mobile device in it. One component for 2 development frameworks :) 

Just to add Aditya, this is triggered a lot by base components such as OutsyistemsUI or Users or others being out of date. Check your environment for alerts:


It'll show you which of your components need updates. System ones are always a good idea to keep up to date.

Mariano Picco wrote:

Vincent Koning wrote:

Hi Aditya,

I also wondered what triggers the "No stable version for your environment" notification. Sometimes I get that from components that I created myself and reinstall them into my own environment (that hasn't been changed since). ut you can install it, I never encountered any issues with doing so. 

As for you other question. This component will also work for Mobile. This is indicated in the icon of Reactive as there is a mobile device in it. One component for 2 development frameworks :) 

Just to add Aditya, this is triggered a lot by base components such as OutsyistemsUI or Users or others being out of date. Check your environment for alerts:


It'll show you which of your components need updates. System ones are always a good idea to keep up to date.

If i updating the Outsystems UI, will it affect the entire app in the development and when deployed to production? i'm afraid there will be some issues.


By the way everyone, i have installed the forge from Mr. Bas de Jong and Mr. Salman Ansari, and here's the result when I try to fetch the component from dependency:


they only showed themes for each component, and I didn't find anything in the widget selector:

does any of this has something to do with Outsystems UI version? we're currently running on 2.3.2 version.

Solution

Aditya Eka Prabowo wrote:

Mariano Picco wrote:

Vincent Koning wrote:

Hi Aditya,

I also wondered what triggers the "No stable version for your environment" notification. Sometimes I get that from components that I created myself and reinstall them into my own environment (that hasn't been changed since). ut you can install it, I never encountered any issues with doing so. 

As for you other question. This component will also work for Mobile. This is indicated in the icon of Reactive as there is a mobile device in it. One component for 2 development frameworks :) 

Just to add Aditya, this is triggered a lot by base components such as OutsyistemsUI or Users or others being out of date. Check your environment for alerts:


It'll show you which of your components need updates. System ones are always a good idea to keep up to date.

If i updating the Outsystems UI, will it affect the entire app in the development and when deployed to production? i'm afraid there will be some issues.


By the way everyone, i have installed the forge from Mr. Bas de Jong and Mr. Salman Ansari, and here's the result when I try to fetch the component from dependency:


they only showed themes for each component, and I didn't find anything in the widget selector:

does any of this has something to do with Outsystems UI version? we're currently running on 2.3.2 version.

Hey, My bad. i forgot to turn the element to public. i have updated the forge component and then it should work for you.

If you install the update it will work.



https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=8423

Solution

Hi Bas De Jong, thanks I can call it from the dependency now.

I have try the component in the mobile, but when I click the dropdown the screen suddenly freeze/stuck in the middle of activity:

The dropdown icon is appeared but it cannot show the list. This is how I configure the parameter:


The "SelectedTime" input parameter is a structure data list that obtained with Data Fetch in the screen. Maybe I don't use it properly?

Aditya Eka Prabowo wrote:

Hi Bas De Jong, thanks I can call it from the dependency now.

I have try the component in the mobile, but when I click the dropdown the screen suddenly freeze/stuck in the middle of activity:

The dropdown icon is appeared but it cannot show the list. This is how I configure the parameter:


The "SelectedTime" input parameter is a structure data list that obtained with Data Fetch in the screen. Maybe I don't use it properly?

Hi,


The event returns only a datatype of "Time". Not a list.


When selecting a dropdown entry it will return the time of the selected entry.


Bas de Jong wrote:

The event returns only a datatype of "Time". Not a list.


When selecting a dropdown entry it will return the time of the selected entry.


Sorry, I thought the "Selected Time" is for entering the time format.

And what should I put inside the event action? Is this correct?


The "FormCheckIn.StartHour" is a local variable in my screen.

Hey Aditya, 

Sorry for the long delay,

I just released a new version of the plugin where you can set the start and end time. You can also set a default displayed time now. 


https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=8423 


Kind regards,


Bas