banano

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...

Hi This lesson is about the 3 layout elements being the carousel, multiview and the tabview. Each of the elements here are added in each row of our page. Carousel: We will create a carousel with three sliders. We will use css to set the background and color of each slide. Dim c As...

Hi Based on what we have learned in lesson 1 and 2, here we will explorer another layout element, the accordion. The accordion we can create comes in two flavours, one vertical and one horizontal as expected. The code module that we need to call for this tut is pgLayouts1.Init on...

Hi again In Lesson 1, we looked at how we can place elements within rows and columns to layout a purported app design. This has resizers so that we can resize the columns and we also used some css to render the background of our columns. Lesson 1 In this lession we look at the 6 layout types...