Share My Creation [B4X] Login/Registry Ui kit with 4 designs Dark/Light [Payware]

Hello, today I release my 1st ui kit, with modern and simple designs. Ready to use, can be added to any B4XPage project. You save a lot of effort in creating the layout.
Good looking designs takes a lot of time and nerves.

Features

• 4 Designs
• B4A and B4I ready
• Dark and Light mode
• Ready to use
• Easy to customize

You can buy it here:

Login/Registry Ui kit with 4 designs

This is my first ui kit with modern and simple designs. Ready to use, can be added to any B4XPage project. You save a lot of effort in creating the layout.Features4 DesignsB4A and B4I readyDark and Light modeReady to useEasy to customizeDesign #1Desi...

payhip.com

You can download the 3 projects here, you just need to unzip it with the key you get. Or you can download it at payhip, where you get the product key too.

Design #1
Libraries you need:

• AS_TextFieldAdvanced V1.30+
• AS_Label

Design #2
Libraries you need:

• AS_TextFieldAdvanced V1.30+
• AS_Label
• AS_CheckboxAdvanced

Design #3
Libraries you need:

• AS_TextFieldAdvanced V1.30+
• AS_Label
• AS_SlidingOnboarding V2.00+

Design #4
Libraries you need:

• AS_TextFieldAdvanced V1.30+
• AS_Label
• AS_CountryPicker V1.01+

Any text you see in the images can be easily replaced in the code, everything is prepared in the code. The same goes for the colors in the app, they can all be customized in the code.

Login/Registry Ui kit with 4 designs

This is my first ui kit with modern and simple designs. Ready to use, can be added to any B4XPage project. You save a lot of effort in creating the layout.Features4 DesignsB4A and B4I readyDark and Light modeReady to useEasy to customizeDesign #1Desi...

payhip.com

 

[josejad]

Just an idea. It would be great some cool splah screens before showing the login.

Awesome job, BTW... as usual

 

[vividpixel]

Had to log in to say this is really nice-looking. Inspirational, even. I want to find a use for it with a project I've been thinking of starting, but not jumping on yet due to all my other priorities.

 

[Alexander Stolte]

Had to log in to say this is really nice-looking. Inspirational, even. I want to find a use for it with a project I've been thinking of starting, but not jumping on yet due to all my other priorities.

Thank you very much, I am glad to hear that. With the kit you definitely save a lot of time, because you can easily replace everything. And the buttons are ready to use for your login logic.

Have a nice day

Just a note:
The kit will soon get another update with a 4th design. The 4th design will be for Dekstop applications.

 

[josejad]

Purchased!! It looks and works great on my mobile phone!!

Easy and ready to use...

Thanks for your efforts and sharing such great and useful views!!!!

 

[Alexander Stolte]

Purchased!! It looks and works great on my mobile phone!!

Easy and ready to use...

Thanks for your efforts and sharing such great and useful views!!!!

Thank you very much

 

[Jones Hone]

Excuse me,
[Sign in with Apple]
[Sign in with google]
[Sign in with Twitter]
The above three buttons, Already implemented the code, or just an empty button that requires us to implement code .

 

[Alexander Stolte]

The above three buttons, Already implemented the code, or just an empty button that requires us to implement code .

Hello, this is a Ui Kit. You have to implement the login logic, because it can be different for everyone. Sign in with... must be available in your backend.

 

[Jones Hone]

I got it! Thank you.

 

[Daica]

Can you compile?

Disregard my last message about the project not working. I closed out of B4A completely then re-opened and everything is working fine.
I hope you will continue to do more of these releases, they are very helpful to us (me)!

EDIT:
Btw, I noticed there is no password on the zip files downloaded through payhip, not sure if that is on purpose? @Alexander Stolte

 

[pixet]

In B4A environment and Android-32 platform,
I can't switch from light mode to dark mode. I tried changing the state of the "isDarkMode" variable from False to True, but nothing changes. The "CheckDarkMode" sub always returns the value "17"

 

[Alexander Stolte]

The "CheckDarkMode" sub always returns the value "17"

I got the code for it from the forum and hoped it would work:

     Dim ctxt As JavaObject
   ctxt.InitializeContext
   Log(ctxt.RunMethodJO("getResources", Null).RunMethodJO("getConfiguration", Null).GetField("uiMode"))
   Return Bit.And(ctxt.RunMethodJO("getResources", Null).RunMethodJO("getConfiguration", Null).GetField("uiMode"), 0x30) = 0x20

from this thread:

Best practice for Android Dark theme?

Hi all, I have a question concerning the Dark theme that has been introduced with Android 10. What is the best practice to support Dark themes in B4A? How can I select an image based on the night mode flag? thanks a lot, Johannes

www.b4x.com

 

[pixet]

I'm using "payware" code, which already has those instructions.

 

[Alexander Stolte]

I'm using "payware" code, which already has those instructions.

I have tested it again now and the code works for me. I have tested it on API level 30 and 33. I have given you the code and also referred to my source. Since I don't have your phone and I'm not the author of the code, I can't fix anything. You should make a new thread where you give more details about your phone so that the author who wrote the code can take care of it. Have a good evening and a nice weekend.

Sorry for the inconvenience, I hope we can find a solution to your problem.

 

[Puthut Wibowo]

I want to ask before buying this code

can the code be implemented for registration etc or is it still in the form of UI/UX design?

 

[Alexander Stolte]

can the code be implemented for registration etc or is it still in the form of UI/UX design?

The button events are all available in the code, you just have to add your routine for logging in. Since there is no standard way to login to a backend, I can't provide a coee. Unless I provide a complete solution including backend integration.

The package is meant for you to easily add a good looking, modern and ready to use user interface to your project without wasting time designing everything.

 

[Alexander Stolte]

Update
All those who have already purchased the kit can unpack the new zip file in the #1 post with the same key as the others.
I will upload a YouTube video in the next few days showing the new design in action.

Design #4 - Signup with phone number
Libraries you need:

• AS_TextFieldAdvanced V1.30+
• AS_Label
• AS_CountryPicker V1.01+

 

[GuyMeredith]

Update
All those who have already purchased the kit can unpack the new zip file in the #1 post with the same key as the others.
I will upload a YouTube video in the next few days showing the new design in action.

Design #4 - Signup with phone number
Libraries you need:

• AS_TextFieldAdvanced V1.30+
• AS_Label
• AS_CountryPicker V1.01+

View attachment 148416
View attachment 148417

Hi Alexander - thanks for creating this, it looks most useful and being a complete beginner I have purchased it. I have experienced two issues, though.
When opening and running Example 2 I received a warning that the app contained a virus. The message in B4A was 'Copying libraries resources Error
Operation did not complete successfully because the file contains a virus or potentially unwanted software.'. In Windows Defender, the message was that a Severe threat had been blocked, namely Trojan:Script/Wacatac.B!ml.

Then, on opening and running example 3, I get the following message, which I see others have had in the forum but I can't see how to resolve it:
Error
Cannot find: C:\Program Files\Anywhere Software\B4A\libraries\asviewpager.jar

Finally, on opening and running example 4, I get the following:
** Activity (main) Resume **
*** Service (starter) Create ***
** Service (starter) Start **
** Activity (main) Create (first time) **
17
Error occurred on line: 336 (AS_CountryPicker)
java.lang.reflect.InvocationTargetException
at java.lang.reflect.Method.invoke(Native Method)
at anywheresoftware.b4a.keywords.Common.CallSubDebug2(Common.java:1087)
at com.stoltex.loginregistry.example4.b4xpagesmanager._createpageifneeded(b4xpagesmanager.java:1071)
at com.stoltex.loginregistry.example4.b4xpagesmanager._showpage(b4xpagesmanager.java:428)
at com.stoltex.loginregistry.example4.b4xpagesmanager._addpage(b4xpagesmanager.java:248)
at com.stoltex.loginregistry.example4.b4xpagesmanager._addpageandcreate(b4xpagesmanager.java:262)
at com.stoltex.loginregistry.example4.b4xpagesmanager._initialize(b4xpagesmanager.java:168)
at com.stoltex.loginregistry.example4.main._activity_create(main.java:419)
at java.lang.reflect.Method.invoke(Native Method)
at anywheresoftware.b4a.shell.Shell.runMethod(Shell.java:732)
at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:351)
at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:255)
at java.lang.reflect.Method.invoke(Native Method)
at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:157)
at com.stoltex.loginregistry.example4.main.afterFirstLayout(main.java:105)
at com.stoltex.loginregistry.example4.main.access$000(main.java:17)
at com.stoltex.loginregistry.example4.main$WaitForLayout.run(main.java:83)
at android.os.Handler.handleCallback(Handler.java:958)
at android.os.Handler.dispatchMessage(Handler.java:99)

Any ideas what I might be doing wrong, or how I can resolve these issues?

Thanks

Guy

 

[Alexander Stolte]

When opening and running Example 2 I received a warning that the app contained a virus.

I can guarantee that there is no virus in there. Anti-virus systems are very careful with password-protected zip files.

Cannot find: C:\Program Files\Anywhere Software\B4A\libraries\asviewpager.jar

Make sure that you have copied the ASViewPager.b4xlib into the addidtional library folder.

Thanks for your support.

 

[GuyMeredith]

Thanks Alexander. I see the virus issue was reported elsewhere, so it is certainly not your code - see https://www.b4x.com/android/forum/threads/virus-message-during-compilation.142929/. Next time I'll check the forum to see if anyone else has experienced the issue. Apologies for raising any unnecessary alarms over the content of your code!