Tool B4X Template Manager (New B4J version). Create and share your layouts with others

Discussion in 'Additional libraries, classes and official updates' started by Peter Simpson, Oct 17, 2018.

  1. Peter Simpson

    Peter Simpson Expert Licensed User

    First of all, cheers to Filippo who created a template manager last week. I was going to offer Filippo a few suggestions in his thread about his program, but then I decided to create my own on Sunday. B4X Template Manage (B4X TM) is no better or worse than Filippo's, it's just a different take on it.

    Anyway hello to all B4X developers,
    Here is my version of what I hope will help others to speed up the start of creating their B4X projects. I hope that other developers will create or release their basic B4X templates (layouts/basic projects). When creating your template for the forum, just use the corresponding B4X package to export your template as a zip file (add any resource folder separately), add a screenshot and upload it to this thread. After all, it's all about sharing and learning from others.

    Features:
    • Works with B4A, B4J and B4i.
    • Importing of zipped templates (Fully automated procedure).
    • Preview libraries used.
    • Preview template screenshot for B4A and B4i, print screen for B4J.
    • Automatically starts the corresponding B4X package after clicking on the 'Create' button.
    • Maps both projects and template folders.
    • Delete - Removes the template from B4X TM (Does not delete the original project files).
    How to use:
    1. The very first thing that you MUST do is to point B4X TM to your projects folders, it's highly recommended that you create a template folder for each B4X package that you use. Template folders are used if you import or add a template which other B4X developers upload to the forum.
    2. Try adding one of your own projects via the 'Add templates' tab, or you can make a new template from scratch and add that instead.
    3. Once you've added a template, you can use it time and time again with ease. Try it out for yourself by going to the 'Use templates' tab and tapping on a template.
    That's it, so the order is Set folder locations > Add templates (or import zipped template) > Use templates to create B4X projects. If you need help, just post your questions below

    Notes:
    • When exporting your zip file for others to use, please remember to add your resources folder to the zip file afterwards if you are using one.
    • The preview button is just for previewing the template in corresponding B4X package.
    • You can add any size screenshot to the folder, landscape or portrait. If you are adding a screenshot, remember to name your screenshot file 'Screenshot.png' and place it in the main root folder alongside the main '.b4x' file.
    • When zipping up a template, you NEED to select all the files and then send them to a zip file. DO NOT zip up the folder with the project files already in it.
    • Don't forget to share your templates.

    Try it and share:
    I hope that B4X users especially new users will find this little program useful, but it completely depends on the B4X community sharing templates and uploading them. I only had Sunday to write this program as it was raining all day so I didn't go out., so please reports any bugs found in this thread.

    B4J Screenshot:
    Screenshot.png

    Remember:
    A template is just a project without as much code.

    V1.0.0.0 (VB.Net)
    • Initial release date 17/10/2018.
    V1.0.0.1
    • Made the importing of zipped templates 100% automated, read the 3 posts below for instructions.
    • Added an 'Update description' button to the template description screen.
    V1.0.0.2
    • Added notification area icon (See post 7).
    • Added status strip to the bottom of the screen(See post 7).
    • Changed some wording.
    • General tidying up.
    V1.0.0.3
    • Optional auto start with Windows (Look in notification area, see post 7).
    • Fixed spelling mistake.
    • Made fonts larger in text boxes.
    • DataGridView options and cursor changed.
    • Auto minimise B4X TM to notification area after creating a new B4X project.
    • Changed main folder icon on the toolbar.
    • Added (Open selected a folder) buttons to folder screen and changed (Select a folder) icons.
    V1.0.0.4
    • Updated unzip folder location to include template name, each templates has its own folder.
    V2.0.0.0 (B4J)
    • New - Developed using B4J, it's a lot better than the original VB.Net version. V2.0.0.0 has all the features from the VB.Net version 1.0.0.4, but it looks a lot nicer and has some small improvements.

    You can download the .jar file from Dropbox HERE


    Enjoy this program and share your creations...
     
    Last edited: May 9, 2019
  2. Peter Simpson

    Peter Simpson Expert Licensed User

    Hello all,
    Attached you will find a basic Basic AppCompat template.

    All you have to do is use the built-in 'Import zipped template' from the top menu, the downloaded template will automatically be unzipped and will appear in the templates list. Please remember to give the template a logical name, I've highlighted above what I think you should call this particular template.

    Once you have added the template into B4X TM, you can use it time and time again and change the design as required.

    AppCompat.png

    Enjoy...
     

    Attached Files:

    Last edited: Oct 21, 2018
    inakigarm and Claudio Oliveira like this.
  3. Peter Simpson

    Peter Simpson Expert Licensed User

    Hello all,
    Attached you will find a basic AppCompat with TabStrip template.

    All you have to do is use the built-in 'Import zipped template' from the top menu, the downloaded template will automatically be unzipped and will appear in the templates list. Please remember to give the template a logical name, I've highlighted above what I think you should call this particular template.

    Once you have added the template into B4X TM, you can use it time and time again and change the design as required.

    Tab.png

    Enjoy...
     

    Attached Files:

    Last edited: Oct 21, 2018
  4. Peter Simpson

    Peter Simpson Expert Licensed User

    Hello all,
    Attached you will find a basic AppCompat with Drawer template.

    All you have to do is use the built-in 'Import zipped template' from the top menu, the downloaded template will automatically be unzipped and will appear in the templates list. Please remember to give the template a logical name, I've highlighted above what I think you should call this particular template.

    Once you have added the template into B4X TM, you can use it time and time again and change the design as required.

    Drawer.png

    Enjoy...
     

    Attached Files:

    Last edited: Oct 21, 2018
  5. ocalle

    ocalle Active Member Licensed User

    WOW AMAZING! GREAT JOB! INSTALLING TO TEST!:):):):) (my thinks) I wanna say that the template manager open a big door to B4X, nice and customized template make the UI with more interest to the end user, can expand the creativity. Can be a good direction for all us.- Thanks!
     
    Last edited: Oct 17, 2018
    Peter Simpson likes this.
  6. Johan Hormaza

    Johan Hormaza Active Member Licensed User

    @Peter Simpson. Excellent work.
    As always in everything in this community. Thanks for your great contribution, keep it up and do not stop.
     
    Peter Simpson likes this.
  7. Peter Simpson

    Peter Simpson Expert Licensed User

    Thank you,
    I've updated the program to make it easier to users to use. I do hope that other B4X developers create and share templates (layouts), it would be nice to see some other designs first hand.

    Thanks Johan,
    I'll try but with so many great developers on here it's not easy trying to come up with something that will help others.

    I've just quickly updated the software with a couple of new features which I've mentioned in the first post.

    Here are some new screen shots.

    Notification icon:

    When windows starts running B4A TM starts running automatically and can be found in the notification area. This way whenever one want to create a new project, they just have to click on the icon, select the template and away they go.
    Notification-Icon.png

    Import template is now 100% automated:
    I've updated import template to unzip and import the files directly into both the template folders and also directly into the program itself. The zipped template now automatically appears in the template list
    Import-Template.png

    I hope B4X users create and share.
    This software package is really useful and simple to use, let's hope that other developers create and share the creations with the B4X community.

    I created this program for the B4X community hoping to convince other B4X developers to create and share some templates. I've added an auto start option to have B4X TM automatically start when windows starts. This adds an icon to the notification area ready for me to start creating new B4X projects within seconds. So far I've entered 6 of my templates into it.

    Enjoy...
     
    Last edited: Oct 19, 2018
  8. Peter Simpson

    Peter Simpson Expert Licensed User

    Hello all,
    Attached you will find a template designed by Douglas Farias, Menu Preto - (Douglas Farias).

    All you have to do is use the built-in 'Import zipped template' from the top menu, the downloaded template will automatically be unzipped and will appear in the templates list. Please remember to give the template a logical name, I've highlighted above what I think you should call this particular template.

    Once you have added the template into B4X TM, you can use it time and time again and change the design as required.

    Screenshot.png

    Thank you Douglas Farias.


    Enjoy...
     

    Attached Files:

    Last edited: Oct 21, 2018
  9. Peter Simpson

    Peter Simpson Expert Licensed User

    Hello all,
    Attached you will find a template designed by Douglas Farias, WhatsApp Layout - (Douglas Farias).

    Use the built-in 'Import zipped template' from the top menu to import this zip file. This downloaded template will automatically be unzipped and will appear in the templates list, templates are stored in the templates folder. Please remember to give the template a logical name, I've highlighted above what I think you should call this particular template.

    Once you have added the template into B4X TM, you can use it time and time again and then change the design as required.

    Screenshot3.png

    Thank you Douglas Farias.


    Enjoy...
     

    Attached Files:

    Last edited: Oct 22, 2018
  10. sz4t4n

    sz4t4n Member Licensed User

    grat job!

    one thing from me - it could be more useable if user can share his templates via internet. Some small server with files updated by users and when user upload his template there will be an option "public or private". When he choose public all users have access to this file.

    but it's just my thought...

    cheers
     
    JakeBullet70 likes this.
  11. jkhazraji

    jkhazraji Member Licensed User

    The link to download the setup file is not working.. :(..All I get is a blank page..Can you provide an alternative one other than Dropbox, please ??
     
  12. Peter Simpson

    Peter Simpson Expert Licensed User

    That would be a nice idea but I for one have no intentions on storing templates on my own personal online server, that's 100% purely for my clients databases.

    Anyway I do like your idea, it's a very good one intact. Adding the zip code, uploading templates to a server and then displaying all the online templates available would be a simple enough task to do. I do currently have a spare server but I'm giving that one up in a few months time as my new DB server is based on SSD RIAD.

    It's a good idea thought.

    Thank you...


    Hello J,
    Can you check the first link again as it's 100% working here. If the first link definitely is not working for you the click on the second link which is Google drive.

    Thank you...
     
    Last edited: Oct 21, 2018
  13. jkhazraji

    jkhazraji Member Licensed User

    Great work..Thanks a lot..downloaded
     
  14. José J. Aguilar

    José J. Aguilar Well-Known Member Licensed User

    I've just tested. The dropbox link is working and... this is amazing¡¡ A very good help for the starters like me.

    Thanks a lot for sharing the b4j program, and... of course, the templates¡
     
    Peter Simpson likes this.
  15. Peter Simpson

    Peter Simpson Expert Licensed User

    I'm pleased that you like the program, but sadly it wasn't developed using B4J.

    I originally only had one day (last week Sunday) to create this program, so I developed it using Visual Studio 2015. I think that I could have developed it using B4J, but as I don't develop using B4J that often it would have taken me maybe three to four days instead of just one.

    If I was fluent in B4J as I am in B4A then it might have taken me maybe one and a half to two days, but I'm not really that fluent in B4J as yet.

    I personally use B4J just for small personal programs or for testing out ideas, nothing like this.

    Thank you...
     
    Last edited: Oct 22, 2018
  16. moster67

    moster67 Expert Licensed User

    This is good stuff, as usual, from you Peter (and @Filippo ) :)
    I am still of the opinion though that starting-templates, similar to yours, should be integrated in B4X as already suggested in the wish-forum on various occasions. This would also resolve the server-problem mentioned above since it could be hosted by Anywhere Software.
    Well, maybe one day we will have it...
     
  17. Peter Simpson

    Peter Simpson Expert Licensed User

    Hello all,
    Attached you will find a template designed by Erel, AppCompat with sliding drawer - (Erel).

    Use the built-in 'Import zipped template' from the top menu to import this zip file. This downloaded template will automatically be unzipped and will appear in the templates list, templates are stored in the templates folder. Please remember to give the template a logical name, I've highlighted above what I think you should call this particular template.

    Once you have added the template into B4X TM, you can use it time and time again and then change the design as required.

    Screenshot2.png

    Thank you Erel.


    Enjoy...
     

    Attached Files:

    Derek Johnson and Johan Hormaza like this.
  18. Peter Simpson

    Peter Simpson Expert Licensed User

    Hello All,
    Yes the screenshot in the first post does look 100% different, why is that you may ask yourselves. Well I decided to convert the original VB.Net app to B4J, say no more.

    It wasn't, but it is now ;)

    What a huge improvement, I should have created this app using B4J in the first place...
     
    Last edited: Oct 25, 2018
  19. DonManfred

    DonManfred Expert Licensed User

    Nice
    Remember this if you want to do anything new in future :D
     
    Peter Simpson, Erel and Johan Hormaza like this.
  20. Peter Simpson

    Peter Simpson Expert Licensed User

    I will do Manfred.
    I'm seriously considering using B4J to create a warehouse printer management system for a client of mine next week. It would be easy to create using VB.Net, but I think that I'll be creating it using B4J instead. Creating the app in B4J will also help to hone my B4J development skills.
     
    Johan Hormaza and DonManfred like this.
Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice