Templates Plugins Courses

Phone Number Input with Formatting - New Plugin from Zeroqode


#1

We have just published a new plugin
Phone Number Input with Formatting - this is an input field designed specifically for phone numbers. Users can select their country from a drop-down list and the input element would hint the right format. Plugin would also check whether the phone number format is correct and would return the result as a state. Plugin would also return the phone number in case it is correctly entered.

You can try the working demo here:
Zeroqode Phone Number Input with Formatting

And a screenshot:
image

Levon Terteryan
Founder @ Zeroqode & Bubblewits

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services


#2

Hello, I am currently using this plugin. I have a question regarding the Field Types within Bubble and whether this plugin will create a Field Type that will be formatted as a phone number? I ask because I do not see a field type of phone number currently listed.

Up to this point I have been using text as my Field Type for the phone number field but want to be sure the Field Types for my contact records of phone number plays nicely with this plugin since I will be capturing phone numbers and be following up with contacts via the inputted phone number.

My app has not launched yet so there isn’t any data conversion at this point, I just want to make sure I have a firm grasp on how this will work prior to launching my app.

Thank you!


#3

Hey David, there is no such field type as phone number in Bubble and in general databases do not have anything like that. Just use a text field and it should be sufficient for your needs.
Hope this helps
Thanks.


#4

Thanks for the reply, this is exactly what I needed to know.


#5

I have a problem with formatting when using this plugin with the “Slidable Menu” plugin provided by Bubble.

When the phone number field is present on the page - whether visible or not - it is causing the Slidebar menu to jump down about 12 pixels.

To reproduce I created a blank page (doesn’t seem to matter if full width or centered, added a group to top with 50px height and placed the Slidebar menu inside.

Tested and all is ok.

Next I add the Phone Number box to the main page and reload the preview. The Slidebar menu has moved down the page about 12px.

This is present for all versions.


#6

I can create a fix by adding
<style>.jpanelmenu-SlidebarMenu{ lineheight:0.99}</style>
as a script to the body.


#7

Hey Arnold, can you share the link where we can see this behavior?


#8

Yes - I disabled my fix so here it is temporarily:
Test page without the Phone number plugin is currently here.
Test page with the Phone number plugin is here.


#9

Getting this error:

The plugin Phone Number Input with Formatting / element Phone Number Input threw the following error: TypeError: a.intlTelInput is not a function
at eval (eval at g.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/d64a41a77a7ba47d84d1b7027e24d1696e2b9921afe5cd859e8d8c007030b449/xfalse/x3:99:11611), :4:231)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/d64a41a77a7ba47d84d1b7027e24d1696e2b9921afe5cd859e8d8c007030b449/xfalse/x3:100:2145 (please report this to the plugin author)

Used in reusable element-seems to work ok in a regular group.


#10

we’ll check this, thanks


#11

we couldn’t recreate the issue, it works in a reusable element as well as you can see here https://zeroqode-demo-05.bubbleapps.io/version-test/phonepagetest?debug_mode=true
can you add [email protected] as a collaborator to your app and point to the page so we can check?


#12

@arnold.smyth we have fixed this, please install the latest plugin version, refresh the editor and give it another try