Skip to main content

Notifications

Community site session details

Community site session details

Session Id : 0akDcRSUpgJAnU/+nR462w
Power Apps - Building Power Apps
Answered

Numeric Keypad

Like (1) ShareShare
ReportReport
Posted on 29 Jun 2018 06:19:18 by 497

@KroonOfficeSol

I have applied the steps in your video for creating a numeric keypad -- thank you for that video.  Now, I would like to take it one step futher and utilize the num keypad for entering data into all the 'number' fields on my screen.  If user selects Work Year input field, that field will update, if Line Segment selected, then that fields populates from the numeric keyboard selections, etc. Can you advise on how to adapt the formula to work in the manner described?  Thank you.

 

 

 

Categories:
  • PhilD Profile Picture
    1,009 on 02 Dec 2018 at 13:03:19
    Re: Numeric Keypad
    Thanks for this! I already used a simplified version of your solution in an app where I had a single account number field and it works very well. instead of sliding the keyboard up from the bottom, I simply put the active input field at the top of the app and have the keyboard covering the entire rest of the screen while active.

    Thanks for sharing this great idea and explaining how all the parts work together, I could not have achieved this without your help!
  • KickingApps Profile Picture
    628 on 01 Dec 2018 at 05:01:11
    Re: Numeric Keypad

    I have finally added the Num Keypad to the apps gallery; sorry it took so long to post the solution.

  • KickingApps Profile Picture
    628 on 01 Aug 2018 at 15:53:27
    Re: Numeric Keypad

    I plan to do a couple of small revisions and then I will submit tothe Community.

     

    I'll work on typing up a blog post referencing @KroonOfficeSol's and @mr-dang's videos respectively.

     

    Thanks for the suggestion.

  • Brian Dang Profile Picture
    3,976 on 31 Jul 2018 at 18:45:19
    Re: Numeric Keypad

    This numpad kicks apps!

     

    I think another good central location for this is the Community App Gallery:

    https://powerusers.microsoft.com/t5/Community-Apps-Gallery/bd-p/AppFeedbackGallery

     

    @KroonOfficeSol, when I saw the numpad come up on @KickingApps's screen, I could not distinguish it from an iOS offering. I love seeing members in the community benefit from the sharing of other members--major Kudos!

     

    Would you or Paul like to blog about the numpad setup and the logic behind the show/hide?

  • KickingApps Profile Picture
    628 on 31 Jul 2018 at 15:20:41
    Re: Numeric Keypad

    @mr-dang - I haven't submitted an app attachment before so let me know if there is a better method.  As promised, attached is a numeric keypad that will allow a user to enter input into mulitple fields using a Numeric Keypad.  To hide the keypad, click the 'down' icon under the '0".

    I tried to comment as much as possible and some controls are shown that would normally be hidden.

     

    Credit to @mr-dang and @KroonOfficeSol for solutions used in this app.

  • tianaranjo Profile Picture
    497 on 19 Jul 2018 at 17:56:38
    Re: Numeric Keypad

    @mr-dang

    Another question for you - how can I add another If statement to the easing equation?  

     

    I have tried a variety of methods yet nothing is actually triggering the second If statement.  Any thoughts?

     

     

    OnSelect
    Your code:
    Set(Show, !Show); If(!Show, Set(hide, true))

    My atteempts:
    Set(Show, !Show);
    If(!Show,
    Set(hide, true), Set(keypadRaise, false))
    Set(Show, !Show);
    If(!Show,
    Set(hide, true); Set(keypadRaise, false))
    Set(Show, !Show);
    If(!Show, Set(hide, true));
    Set(Show, !Show);
    If(!Show, Set(keypadRaise, false))

    Set(Show, !Show);
    If(!Show, Set(hide, true));
    If(!Show, Set(keypadRaise, false))
    Set(Show, !Show);
    (If(!Show, Set(hide, true)));
    (If(!Show, Set(keypadRaise, false))
    )

     

  • Brian Dang Profile Picture
    3,976 on 06 Jul 2018 at 18:51:32
    Re: Numeric Keypad

    You can set a timer to artifiically wait 1-2s or you can set the visibile property of the gallery to only appear when the collection is not empty:

    !IsEmpty(collection)

    Let me know if there is still a flicker if you try that.

  • tianaranjo Profile Picture
    497 on 06 Jul 2018 at 18:44:14
    Re: Numeric Keypad

    @mr-dang @Shanescows

    Greetings, 

    I have applied a variety of solutions to acheive the numeric keypad including easing equations and other methods described in Shane's animation video. One annoying issue I am running into is that the keypad flashes when a user navigates from the home screen to the 'New' screen. It only does it once, upon startup of the app.  After the first time a user clicks on the 'Add' and navigates back to home and back to 'Add' the keypad does not flash again.  I have the visibility of the keypad set to be hidden on startup of the app:

    Set(NumKeyVis, false)

    The variable is triggered to true when the first numeric field is selected.

    Any thoughts on what I can do to ensure that the keyboard doesn't 'flash' on navigate?

     

    The attached video, approx. 2 seconds in, you will see this behavior in action.

    Apologize for the overlays - the fields and some info is confidential.

    Thank you!

  • Brian Dang Profile Picture
    3,976 on 30 Jun 2018 at 14:48:38
    Re: Numeric Keypad

    @tianaranjo, I'm looking forward to seeing you there 🙂

  • tianaranjo Profile Picture
    497 on 30 Jun 2018 at 04:41:21
    Re: Numeric Keypad

    @mr-dang

    Absolutely will share -- there are a couple of other parts I'm working on so it is fully functioning.  Once I iron out a few additional issues, I'll post back full solution here.

     

    On another note, I am enrolled in the PowerApps session being taught by you and D Christian at the  upcoming summit; looking forward to learning from you both!

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Understanding Microsoft Agents - Introductory Session

Confused about how agents work across the Microsoft ecosystem? Register today!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Congratulations to the April Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard > Power Apps - Building Power Apps

#1
MS.Ragavendar Profile Picture

MS.Ragavendar 32

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 19 Super User 2025 Season 1

#3
WarrenBelz Profile Picture

WarrenBelz 18 Most Valuable Professional

Overall leaderboard
Loading started
Loading complete