banano

Ola Lesson 22 Method 1 Method 2 of the file uploader is a method that actually places an uploader on a form including a list that displays the files that have been selected. The same events as depicted in Lesson 22 Method 1 apply. 'create a page with a header and set 'space' layout...

Hi We are just left with almost 2 additional widgets to complete on the standard open-source license before we can start building a working app. The uploader widget enables one to upload files. There are a various ways this works and we will now look at Method 1. We use this and we link it to...

Ola The tab-bar as depicted below is placed at the bottom of the page... Dim tb As WixTabBar tb.Initialize("tb").SetHeight(60).SetTypeBottom(True).SetMultiView(True).SetAnimate(True) tb.AddItem("listView", "List", "wxi-file") tb.AddItem("formView", "Form", "wxi-columns")...

Ola Simply put, this google map allows one to display a google map on their apps. One is able to also add markers that properties can be set up for. One needs to get their own google map key to use this on their app. In this instance, we create a google map instance, set its map type, add...

Ola This lesson is about the 'context' and 'contextmenu' widgets. Context are popups that one can use in case they want to provide some help on the UX. Both the context and context menus appear when the right mouse button is clicked and can be linked to any element on the page. In this...

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.