banano

Ola Message boxes provides alerts, confirmation and the normal modal dialog that one can create.. Here we have notifications, alerts, confirmations. We have created buttons on a form so that when they are clicked, the normal message boxes appear. Dim form1 As WixForm 'initialize form...

Ola Let's add form validation. This is a process of ensuring that whatever is entered by users is valid. We accept isEmail, isNumber, isChecked, isNotEmpty. Let's create a form with some default settings... Dim form1 As WixForm 'initialize form and make it accept names with dots (.)...

Ola Lesson 8.1 Lesson 8.2 Lesson 8.3 Lesson 8.4 Welcome to the enhanced data-table. So what are we talking about? 1. Filtering 2. Conditional styling of content 3. Freezing columns (left or right) 4. Master Checkbox / Radio 5. Editing (traping on-edit-start & on-edit-stop) 6. Displaying links...

Ola There comes a time when you want suggestions on text, combos etc. The WixSuggest elements comes in handy, you feed it a list of data and map it to a control and wala, when keypressing on the element / selecting, a list of suggestions is available... Here we create a form, add a textbox...

i try connect banano to jserver 0n other domain, with this code: Dim response As BANanoFetchResponse Dim data As String Dim fo As BANanoFetchOptions fo.Initialize fo.Method = "POST" fo.Body = BANano.ToJson(CreateMap("q":"Conect","p":Array(),"l":0)) fo.Headers =...

Hi In respect to BANano, are there any plans to extend it to produce regular websites / webapps that are not necessarily SPAs? By this it means multiple pages with different page names? These could also be database driven etc? Thanks

Ola The latest release of BANanoWebix features a sidebar that when selected, it displays 'different pages' within the same 'index.html file. At the heart of every BANano based App, there is the '#body' element of a page. Initially this is blank and one needs to feed content to it to create...

Ola The template is just also like the scrollview, enabling one to create elements.. In this image we depict how we have created a container and then added templates on the row. One might use this for displaying data or emphasing something etc. Sub Init(pgContainer As String)...

Phew... Lesson 24 is about the scrollview. One can use this to host divs and other stuff that they might need to scroll. In this example we have created a scrollview with both X and Y scrolling active. To demonstrate this we set the width and height of the scrollview to be minimal and just...

Ola Lesson 8.1 Lesson 8.2 Lesson 8.3 Lesson 8.4 As per subject matter this lesson is about a data-table with a pager and also functionality to export its contents to PNG, PDF, CSV and XLSX. It's so amazing that with just a few object (map) settings and then a few simple calls webix does...

Ola Scenario: My BANano b4xlib comes with resources, e.g. images, php, zip files that I will mostly use across apps I built with the library. Without having to always include the images, php, zip files again on new projects I make with the BANano B4xlib, how can I tell BANano to source the...

Ola Lesson 22 - Method 1 Lesson 22 - Method 2 This method involves the dropzone where one can drag and drop files into the uploader. A list is placed on a page.. Dim lst As WixList lst.Initialize("mylist").SetTypeUploader(True).SetHeight(600).SetWidth(300).SetScroll(False) '...

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