Share My Creation Pen&Paper: PWCT for Basic ABMaterial WebApps

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMCombo

What's New

The ABMCombo component is now part of this tool. At the moment this just creates the code for the component and DOES NOT add any items to it.

To Do: Add code to add components to the Combo

Updated source code in the first post...
 

Attachments

  • AddCombo.png
    13.5 KB · Views: 296
  • Combo.png
    16.9 KB · Views: 297

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMAudioPlayer and ABMAudioPlayerSong

What's New

The ABMAudioPlayer and ABMAudioPlayerSong components have been added now to the tool. Please note the song lyric functionality will not be added though.

This has been very eye opening as now the ABMAudioPlayerSong is an extra for the audioplayer. Will follow the same approach for other components with extras too depending on their complexity.

Excited!

The first post has the latest version...
 

Attachments

  • AddAudioPlayer.png
    25.7 KB · Views: 260
  • AudioPlayer.png
    53.2 KB · Views: 263
Last edited:

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMEditor

The ABMEditor component has now been added to this tool. This also meant the EditorTheme was added and you can create EditorThemes too.

The first post has been updated with the latest source code for ABMaterial.Show
 

Attachments

  • AddEditor.png
    11.5 KB · Views: 287
  • Editor.png
    21.3 KB · Views: 278

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMFlexWall

I have now added the ABMFlexWall to this tool. Well, between learning the examples from the Demo and coding ABMaterial.Show, I must say, this framework is brilliant. I see a lot that I can do with this. Off course there is still a lot to learn. Actually I'm thinking of writing a book about ABMaterial.Show in designing apps using the ABMaterial Framework.

The module for this has two sections, one to define the FlexWall properties and the other section to add the images to the flexwall. This approach will also be used for the ABMImageSlider for ABMaterial.Show.
 

Attachments

  • FlexWall.png
    75.3 KB · Views: 274
  • AddFlexWall1.png
    13.9 KB · Views: 277
  • AddFlexWall2.png
    22.8 KB · Views: 266

Gabino A. de la Gala

Active Member
Licensed User
Longtime User
Hi. I could already compile MyMaterial . But now I find that when accessing the URL http : // localhost: 51043 / MyMaterial / I see only one completely blank page and the top of the browser the title "Welcome MyMaterial " appears

Can anyone give me a clue where further research ?

Thank you.
 

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMImageSlider

What's New

1. Fixed a bug where the extra content e.g. songs, images were deleted when renaming a component for ABMAudioPlayer, ABMFlexWall and ABMImageSlider.
2. A new menu called 'More Components' added that one can use to add components
3. This is under More Components.

ABMImageSlider included now in this tool. Source code in first line updated..
 

Attachments

  • AddImageSlider.png
    12 KB · Views: 251
  • AddImagSlider2.png
    24.6 KB · Views: 267
  • ImageSlider.png
    70.2 KB · Views: 271
Last edited:

Mashiane

Expert
Licensed User
Longtime User
You perhaps set the Initial page of the app to be Index. Please download the updated version of ABMaterial.Show from the first post and extract it to your working directly.
Open MyMaterial.db db using File > Open, and then File > Compile.

After it opens MyMaterial in b4j, compile that, your first page should be myimageslider and nothing else. Good luck

NB: Please also follow my posts above in terms of the progress around ABMaterial.Show to understand how it works.
 

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMVideoYouTube

What's new

1. The ABMVideo component has been added for youtube videos. As I will split these components, I have called this one ABMVideoYouTube.
2. Going forward I will also include my MyMaterial.zip which will have my own created project using ABMaterial.Show.

First post includes both projects.

Enjoy
 

Attachments

  • AddYouTubeVideo.png
    17.4 KB · Views: 261
  • YouTubeVideo.png
    29.3 KB · Views: 261

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMHTML5Video

What's New

This is a contiation of post #52 above on the ABMVideo component. As noted in the ABMaterial Demo, if you decide not to HasControls for these components, you will have to write your own code to control the volme, play, pause etc. ABMaterial.Show concerns itself with the design, so the controlling source code must be written by the developer.

This component is part of More Components in the tool

@alwaysbusy I just love your framework, keep up the good work!
 

Attachments

  • AddHtml5Video.png
    13.7 KB · Views: 240
  • Html5Video.png
    306 KB · Views: 239

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show : ABMPatternLock

An exciting component, ABMPatternLock has now been added to the code generator. At the moment of building, there is no way to define the pattern yet that I know of.

First post updated with source code.
 

Attachments

  • AddPatternLock.png
    10.6 KB · Views: 258
  • PatternLock.png
    18.5 KB · Views: 251

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: Source Code Preview

An amazing wonderful addition to the tool, Source Code Preview. Whilst defining your components, you can now view and even copy the source code generated by the tool easily.

This should make development of your WebApps outside ABMaterial.Show easy.
 

Attachments

  • PreviewSourceCode.png
    21.8 KB · Views: 252
  • PreviewSourceCode1.png
    54.2 KB · Views: 283

Mashiane

Expert
Licensed User
Longtime User
ABMaterial.Show: ABMUpload & UploadTheme

What's New

This update sees the addition of the ABMUpload component and addition of the UploadTheme.
I have also added functionality for "Preview Theme Code" when one is defining their themes.
 

Attachments

  • UploadImages.png
    12.3 KB · Views: 262
  • AddFileUpload.png
    12.6 KB · Views: 263
  • ThemePreview.png
    12.4 KB · Views: 265

Mashiane

Expert
Licensed User
Longtime User
MyMaterial.Show : ABMTimeLine and ABMTimeLineSlide

As part of this code generator for ABMaterial, I have now included a module to generate code for the ABMTimeLine and the ABMTileLineSlide.

For now only the ABPDFViewer is working as I have not learned about the tables and the google maps yet.
 

Attachments

  • TimeLine_Add.png
    18.1 KB · Views: 244
  • TimeLine_Display.png
    33.9 KB · Views: 252
  • TimeLineSlide_Source.png
    30 KB · Views: 242

hibrid0

Active Member
Licensed User
Longtime User
Mashiane your tool is so great thanks a lot.
I have a wish for your tool, work with the CRUD generator on ABMaterial.
 

Mashiane

Expert
Licensed User
Longtime User
@hibrid0 , thanks for the vote of confidence, I wish there were more people like you who see the value in this tool and who can also start using it to develop their ABMaterial web apps. At the moment, developing this tool is based on my experience and learning curve for it and once I master the elements, I will start exploring its CRUD generator. Unfortunately for now, I am not in a hurry to learn the CRUD generator as I am not comfortable with my knowledge of the functionality of the rest of the components. You can watch this space for more things to come anyway. In the mean time you can refer any challenges and questions you might have about the ABMaterial framework in the forum.
 
Cookies are required to use this site. You must accept them to continue using the site. Learn more…