banano

Hi The tree-table is a combination of the tree and the data-table. To create the tree-table, one needs to add the columns they will need, then indicate which column should feature the tree structure and then add data to it. To create columns we use the WixDataColumn class we saw for the...

Ola The grouplist enables one to group elements added easily. Thanks to code that @Brandsum for code to unflatten a list of map records to a tree. We create the grouplist, each record with a 'parentid' property and each record as a map. Dim gl As WixGroupList...

Hi The comments widget works like a chat screen. Now I need to learn BANanoWebsockets and feed that into this. One of the nice things about this component is that the users data, the comments can be hosted and fed directly from any source type of data. For example in our example, we have...

Ola Well this is one of my favourate elements. First lets add the toolbar in a row with badges and then after that we add the sidebar with the various icons. The structure of the menu has been borrowed greatly from the WixMenu element. The ToolBar We initialize a menu and add buttons to...

Hi This lesson covers 3 items being.. 1. Menu 2. SideMenu 3. Window 4. Popup 1. The menu This can be a vertical or horizontal menu that one can have and it can also have sub-menus. For each menu item one is able to indicate the icon and badge to mention a few. Dim menu As WixMenu...

Hi The treeview is basically that, a tree view. You add items and children and can also trap the itemClick event for the item to get the key selected.. Here we use .SetData to load data to the treeview the normal way and also execute an AddNode method to both add an element and its child...

Hi The property sheet / property bag allows one to have such an item on their apps. It accepts text, password, date, color, combo, select to mention of the few controls. To Set the values to it, one uses the .SetValues page call passing it the map of values and to get its values one uses...

Ola Unit lists enable one to group lists by common ground, e.g. first letter of alphabet for the selected field. For this example, we use the dummy data generator and then unite the list by the title after the page is rendered. This has an effect of using a callback to set the unit list...

Ola Here we demonstrate how we can have a list with a pager linked to it and we animate the list. First we create a pager element and give it a unique id with the size to show being 10 records. We add this to our page.. Private pgr As WixPager...

Ola Get your own copy of BANanoWebix The data view is also one of the elements to view data from data sources. One feeds it whatever template they need to display it it. For example here we have used.. <div id='tmp' class='webix_strong' style='background-color:#ffeaea !important;'...

Ola Lesson 8.1 Lesson 8.3 Lesson 8.4 Get your copy of BANanoWebix This is the second installment about the databable. Here we look at how to add our own columns in the data-table, we will not use .SetAutoConfig(True) as that will over-write our settings for the columns. To make this work, we...

Ola Lesson 8.2 Get your copy of BANanoWebix The datatable is an editable table for data that one can use. Like the rest of the components, one is able to apply to it any css they need. For example here, we have provided our own css for the hover color using.. #if css .dthover...

Just testing the demo using DigitalOcean with ServerPilot. Link: http://bananosp.leftwinggamers.com/

Hi For a while I have been exploring HTML5 game development using the CreateJS Library. Whilst the lib itself it still under development, I'm excited having to be able to create my first game ever. As basic as it is. :rolleyes: Color Drop is a simple color-matching game where the player must...

Hi there How can I execute this code on a BANanoEvent? This is the javascript version. e.target.removeAllEventListeners(); Thanks.

Hi For .AddEventListener and .CallBack, is it possible to specify the event from a string? For example 'add an event Sub AddEvent(module As Object, eventType as string) 'define the method to be called Dim sEvent as string = $"game_${eventType}"$ Dim e as BANanoEvent 'define the callback Dim...

Ola BANanoCreateJS This is one of my bucket list things I've been wanting to look at, game development. So I have been looking for a simple js library to use. As the lib BANanoCreateJS is not finished (we have a long way to go, really) and this is just a first attempt at this, I have never...

Ola Fork it here... Let me close off today with Lesson 7, that deals with the charts. Depicted here is not everything there is though. We will deal with mutliple type charts on same chart, series charts and setting legends in Part 2. As you might have guessed, by just setting the 'type'...

Hi So I found this snippy interesting thing from Mozilla called TogetherJS that enables online collaboration and decided to implement on our internal BANano based app. Works like a charm. Voice - check Text - check For more details, see here. Implementation On AppStart...

Hi **NB: BANanoPostProcessor: The BP used in some of the examples is an updated version of what Kiffi did in the forum. The examples are old and have not been maintained due to time challenges as the focus has been to maintain the core library and other things. Due to enhancements in BANano...