B4J Library [BANano] SDcomponent

I created some custom components for BANano so that I can have better graphics without having to import heavy framework components that slow down the compilation. The result is acceptable at the moment and can be improved in the future. (Further information can be found here)
PS. This library required several weeks of work and many tests, if you want you can make a donation this is the fuel to keep going


Current Element list (31)
01 BananoSDorderMap
02 SDbutton
03 SDcalendar
04 SDcol
05 SDcombo
06 SDcontainer
07 SDdatepicker
08 SDfunc
09 SDgoogleMap
10 SDgrid		11 SDicon
12 SDimage
13 SDinput
14 SDlabel
15 SDlist
16 SDmenuHoriz
17 SDpanel
18 SDplanning
19 SDplate
20 SDrangebar		21 SDrow
22 SDscrollHoriz
23 SDseekbar
24 SDselect
25 SDsidebar
26 SDstat
27 SDstepper
28 SDswitch
29 SDthree
30 SDtimepicker
31 SDwordeditor
32 SDcarousel
33 SDClock


BANanoSDcomponent

Author: Star-Dust
Version: 1.02

  • BananoSDorderMap
    • Functions:
      • Clear
        Clears the map.
      • ContainsKey (Key As Object) As Boolean
        Tests whether the map contains the key.
      • Get (Key As Object) As Object
        Gets the value mapped to the key.
      • GetDataForSerializator As Object
        Returns an object that can be serialized with B4XSerializator.
      • GetDefault (Key As Object, DefaultValue As Object) As Object
        Gets the value mapped to the key. Returns the passed DefaultValue is no such key exists.
      • GetKeyAt (idx As Int) As Object
      • GetValueAt (idx As Int) As Object
      • Initialize
      • Put (Key As Object, Value As Object)
        Puts a key / value pair to the map. If the key already exists the new value replaces the previous one (and the order doesn't change).
      • Remove (Key As Object)
        Removes a pair from the map. This is an O(n) operation.
      • SetDataFromSerializator (Data As Object)
        Sets the map data from a deserialized object.
    • Properties:
      • First As Object [read only]
      • Keys As List [read only]
        Returns the keys as a list. You can sort this list to change the order.
      • Last As Object [read only]
      • Nth As Object
      • Size As Int [read only]
        Returns the map size.
      • Values As List [read only]
        Returns a (copied) list of the collection values.
  • SDbutton
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • backgroundColor (Color As String)
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • TextColor (Color As String)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Text As Object
      • Visible As Boolean
        get/set if the component is visible
  • SDcalendar
    • Events:
      • ChangeCalendar (Year As Int, Month As Int)
      • DayClick (Day As Int)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • ResetDay (nDay As Int)
      • SetDay (nDay As Int, TextColor As String, color As String)
        Cal.SetDay(10,"#4CAF50")
      • SetSelectDay (nDay As Int, TextColor As String, color As String)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDcarousel
    • Functions:
      • AddImage (imgUrl As String)
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • Clearimage
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDcol
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • backgroundColor As String [write only]
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDcombo
    • Events:
      • Selected (Text As String)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • SetSuggestions (Sugg As String)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDcontainer
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDdatepicker
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • GetDate As String
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • SetDate (Day As Int, Month As Int, Year As Int)
        tp.time="18:00"
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDfunc
    • Functions:
      • BANano_namespace As String
      • ConfigBody (body As BANanoElement)
        Inside Banano_Ready after body.Initialize
      • Initialize (mBANano As BANano)
        Before Build - SDFunf.Initialize(Banano)
      • InitializeGmap (key As String)
      • InitializeThreeD
      • InitializeTS
      • LoadingIndicator (Show As Boolean)
      • MainLayout As BANanoElement
      • NavigateTo (MainPageElement As BANanoElement, LayoutName As String)
      • prompt (Message As String, Default As String) As String
      • ResetMainLayout
      • SDRegEx (Pattern As String, str As String) As String()
      • SetBodyImage (urlimage As String)
      • SetMainLayout (B As BANanoElement)
      • ShowModal (CallBack As Object, EventName As String, Title As String, Text As String, btnCancel As String, btnConfirm As String, btnOther As String)
        Event: EventName_ModalClick(Success As Boolean)
        <code>Private Sub EventName_ModalClick(Success As Boolean)
        'Your Code
        End Sub</code>
      • ShowModalTimed (Title As String, Text As String, DurationMS As Long)
      • ShowToast (Text As String, Tpe As String, Durate As Int, Cancellable As Boolean)
  • SDgoogleMap
    • Events:
      • CenterMapMove (Lat As Double, Lng As Double)
      • CircleClick (CircleObject As BANanoObject)
      • CircleDblClick (CircleObject As BANanoObject)
      • Click (Lat As Double, Lng As Double)
      • DblClick (Lat As Double, Lng As Double)
      • InfoWindowCloseClick (InfoWindow As BANanoObject)
      • MarkerClick (Title As String, MarkerObject As BANanoObject)
      • MarkerDblClick (Title As String, MarkerObject As BANanoObject)
      • MouseMove (Lat As Double, Lng As Double)
      • PolygonClick (PolygonObject As BANanoObject)
      • PolygonDblClick (PolygonObject As BANanoObject)
      • PolylineClick (PolylineObject As BANanoObject)
      • PolylineDblClick (PolylineObject As BANanoObject)
      • Ready (Success As Boolean)
      • ZoomChanged (Zoom As Int)
    • Functions:
      • AddCircle (Lat As Double, Lng As Double, Radius As Int, CornerColor As String, FillColor As String) As BANanoObject
      • AddInfoWindow (Text As String, Lat As Double, Lng As Double) As BANanoObject
        AddInfoWindow("Hallo",Lat,Lng)
      • AddMarker (Title As String, Lat As Double, Lng As Double, iconUrl As String) As BANanoObject
        gm.AddMarker("Home", Lar, Lng,"") ' standard icon
        gm.AddMarker("Home", Lar, Lng,"http://maps.google.com/mapfiles/ms/icons/blue-dot.png") ' custom icon
      • AddPolygon (CornerColor As String, FillColor As String, ListCoordinate As List) As BANanoObject
        ListCoordinate.Add(CreateMap("lat":41.9028,"lng":12.4964))
        AddPolygon("#000000","#FFFF00",ListCoordinate)
      • AddPolyline (CornerColor As String, ListCoordinate As List) As BANanoObject
        ListCoordinate.Add((CreateMap("lat":41.9028,"lng":12.4964))
        AddPolyline("#FF0000",ListCoordinate)
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • GetCirclePosition (Circle As BANanoObject) As Map
      • GetCircleRadius (Circle As BANanoObject) As Int
      • GetInfoWindowText (InfoWindow As BANanoObject) As String
      • GetMarkerPosition (Marker As BANanoObject) As Map
      • GetObjDaggable (GMobject As BANanoObject) As Boolean
      • GetPolyPath (Poly As BANanoObject) As Map()
        GM.GetPolyPath(Polygon) -> array As Map {lat: , lng: }
        <code>For Each M As Map In SDgoogleMap1.GetPolyPath(PolyObject)
        Dim Lat As Double = M.Get("lat")
        Dim Lng As Double = M.Get("lng")
        BANano.Console.Log("Lat: " & Lat)
        BANano.Console.Log("Lng: " & Lng)
        Next
        </code>
      • gmap_r (redy As Boolean, mmap As Object)
      • GoToAddress (address As String)
      • GoToLL (Lat As Double, Lng As Double)
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • IsReady As Boolean
      • Remove
        removes the component from the parent tag
      • SetInfoWindowsPosition (InfoWindow As BANanoObject, Lat As Double, Lng As Double)
      • SetInfoWindowsText (InfoWindow As BANanoObject, text As String)
      • SetObjDaggable (GMobject As BANanoObject, Draggable As Boolean)
      • SetObjVisible (GMobject As BANanoObject, Vis As Boolean)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDgrid
    • Events:
      • Click (Row As Int, Col As Int)
      • HeadClick (Col As Int)
    • Functions:
      • AddRow (Column As String)
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • Clear
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • refresh
      • Remove
        removes the component from the parent tag
      • SetGridBackgroundColor (Color As String)
      • SetGridTextColor (Color As String)
      • SetHeaderRowBackgroundColor (Color As String)
      • SetHeaderRowTextColor (Color As String)
      • SetRowBackgroundColor (Color As String, Row As Int)
      • SetRowTextColor (Color As String, Row As Int)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • BoldText As Int [write only]
      • CellBackgroundColor As Int [write only]
      • CellTextColor As Int [write only]
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • NormalText As Int [write only]
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Text As Int [write only]
      • Visible As Boolean
        get/set if the component is visible
  • SDicon
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • backgroundColor (Color As String)
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • TextColor (Color As String)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Text As Object
      • Visible As Boolean
        get/set if the component is visible
  • SDimage
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDinput
    • Events:
      • Change (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • GetChecked As Boolean
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • SetChecked (value As Boolean)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Value As String
      • Visible As Boolean
        get/set if the component is visible
  • SDlabel
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • label As BANanoElement
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • BackgroundColor As String
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Text As String
      • TextColor As String [write only]
      • TextgroundColor As String [read only]
      • Visible As Boolean
        get/set if the component is visible
  • SDlist
    • Events:
      • Click (Item As String, ID As String)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • Changeitem (Items As String, idItems As String)
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • BackgroundColor As String [write only]
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • TextColor As String [write only]
      • Visible As Boolean
        get/set if the component is visible
  • SDmenuHoriz
    • Events:
      • Click (Pos As Int, Item As String)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDpanel
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDplanning
    • Functions:
      • AddElement (posDay As Int, ID As String, time As Long, durationMinutes As Int) As BANanoElement
        the items will Be sorted by ID. We suggest entering the ID As the day-time
        Example: 09:30 am -> ID = 5_0930
        AddElement(5,"5-0800",DateTime.TimeParse("08:00"),60)
      • AddItem (posDay As Int, ID As String, time As Long, durationMinutes As Int, Text As String) As BANanoElement
        the items will Be sorted by ID. We suggest entering the ID As the day-time
        Example: 09:30 am -> ID = 5_0930
        AddItem(0,"05-08:00",DateTime.TimeParse("08:00"),60, "Text 1")
        AddItem(1,"06-08:00",DateTime.TimeParse("08:00"),60, "Text 1")
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • Clear
        Clear all
      • ClearDay (posDay As Int)
        posDay = 0..6
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • ItemStateDay (posDay As Int, Open As Boolean)
      • ItemStateID (ID As String, Open As Boolean)
      • Remove
        removes the component from the parent tag
      • SetHeader (Title As String)
        SetHeader(Array As String("Title1","Title2","Title3","Title4","Title5","Title6","Title7"))
      • SetHeaderStyle (BackgroundColor As String, TextColor As String)
        SetHeaderStyle("black","white")
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • ItemFromID As BANanoElement
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDplate
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • PlateCar As String
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDrangebar
    • Events:
      • Change (PercentStart As Double, PercentEnd As Double)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • ValueEnd As Double
        0..100
      • ValueStart As Double
        0..100
      • Visible As Boolean
        get/set if the component is visible
  • SDrow
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • backgroundColor As String [write only]
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDscrollHoriz
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • backgroundColor As String [write only]
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDseekbar
    • Events:
      • Change (Percent As Double)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Value As Double
        0..100
      • Visible As Boolean
        get/set if the component is visible
  • SDselect
    • Events:
      • Select (ID As String, Item As String)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • ChangeOption (Option As String, idOption As String)
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • SetOptions (EnumerationOption As String, EnumerationID As String)
        SetOptions("Opt1;Opt2;","ID1;ID2;")
      • SetSelectID (IDoption As String)
      • SetSelectOption (NameOption As String)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • SelectedID As String [read only]
      • Selectedoption As String [read only]
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDsidebar
    • Events:
      • Click (Pos As Int, Item As String)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • Opened As Boolean
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDstat
    • Functions:
      • AddPoint (Name As String, Value As Double) As SDstat
        AddPinti(Name,Value) Value -> (0..100)
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • Clear
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Draw
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • SetPaddingCart (Pad As Int)
        SetPaddingCart(15)
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDstepper
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • BackgroundColor As String
      • btnBackgroundColor As String
      • btnTextColor As String [write only]
      • btnTextgroundColor As String [read only]
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • TextColor As String [write only]
      • TextgroundColor As String [read only]
      • Value As String
      • Visible As Boolean
        get/set if the component is visible
  • SDswitch
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • ActiveBackgroundColor As String
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • InactiveBackgroundColor As String
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Value As Boolean
      • Visible As Boolean
        get/set if the component is visible
  • SDthree
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • GetPositionX As Double
      • GetPositionY As Double
      • GetPositionZ As Double
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • SetPosition (X As Double, Y As Double, Z As Double)
        set rotate degree
      • SetRotate (X As Int, Y As Int, Z As Int)
        set rotate degree
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDtimepicker
    • Events:
      • Click (event As BANanoEvent)
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • GetTime As String
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • SetTime (Hours As Int, Minutes As Int)
        tp.time="18:00"
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • SDwordEditor
    • Events:
      • Open
      • Save
    • Functions:
      • AddToParent (targetID As String)
        add the component to a parent tag
      • BuildExStyle As String
        internal method to build the style
      • content As String
      • DesignerCreateView (Target As BANanoElement, Props As Map)
        this is the place where you create the view in html and run initialize javascript
      • Initialize (CallBack As Object, Name As String, EventName As String)
        initializes the component
      • Remove
        removes the component from the parent tag
      • Trigger (event As String, params As String)
        trigger an event
    • Properties:
      • Classes As String
        set css classes to the main tag
      • Element As BANanoElement [read only]
        returns the BANanoElement
      • Enabled As Boolean
        get/set if the component is enabled
      • ID As String [read only]
        returns the tag id
      • MarginBottom As String
        get/set the margin bottom of the main tag
      • MarginLeft As String
        get/set the margin left of the main tag
      • MarginRight As String
        get/set the margin right of the main tag
      • MarginTop As String
        get/set the margin top of the main tag
      • PaddingBottom As String
        get/set the Padding bottom of the main tag
      • PaddingLeft As String
        get/set the Padding left of the main tag
      • PaddingRight As String
        get/set the Padding right of the main tag
      • PaddingTop As String
        get/set the Padding top of the main tag
      • Style As String
        get/set the style of the main tag
      • Tag As Object
        get/set attach any object to the component
      • Visible As Boolean
        get/set if the component is visible
  • Rel. 1.0
  • Rel, 1.01
  • Rel. 1.02 - Added SDClock
The SDfunc module contains some important methods:
InitializeGmap: to be added in AppStart if using the google map​
InitializeThreeD: Add to AppStart if using SDthree for 3D​
ConfigBody: Always use after Body.Initialize​
SetBodyImage: To create a fixed image background​
LoadingIndicator: Usaer for waiting for an event​
SetMainLayout: To set a panel as a routing page​
ShowToast: For ToastMessages​
ShowModal: Corresponds to MessageBox​
Prompt: JS native MessageBox​
NavigateTo: To change page, routing method​
PS. This library required several weeks of work and many tests, if you want you can make a donation this is the fuel to keep going
 

Attachments

  • BANanoSDcomponent.b4xlib
    109.1 KB · Views: 75
Last edited:
Click to expand...
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
Nuovovideo-ezgif.com-optimize.gif
4.gif
 

Attachments

  • DemoComponent.zip
    54.1 KB · Views: 100
Last edited:
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
I'm trying to produce lightweight components, but I'm a beginner.
 
Theera

Theera

Expert
Licensed User
Longtime User
B4X: 
    Private BANano As BANano 'ignore

Excause me, Where to get BANano library?
 
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
This library is useful for those who already use the BANano library to create WebApps. If you don't know Banano, search for it on the forum and study it, then you can use this
 
Theera

Theera

Expert
Licensed User
Longtime User
Star-Dust said:
This library is useful for those who already use the BANano library to create WebApps. If you don't know Banano, search for it on the forum and study it, then you can use this
Click to expand...
OK.Thank you for kind ofyou.

[Web][BANano] Website/App/PWA library with Abstract Designer support

Download the latest version here: https://www.b4x.com/android/forum/threads/banano-a-sneak-peek-into-a-progressive-web-app-library.99740/#post-627764 INTRO BANano is a new B4J library to websites/webapps with (offline) Progressive Web App support. Unlike its big brother ABMaterial, BANano...
www.b4x.com www.b4x.com
 
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
Update release 1.01
  • Added 16 component
  • Updated example

The SDfunc module contains some important methods:
InitializeGmap: to be added in AppStart if using the google map​
InitializeThreeD: Add to AppStart if using SDthree for 3D​
ConfigBody: Always use after Body.Initialize​
SetBodyImage: To create a fixed image background​
LoadingIndicator: Usaer for waiting for an event​
SetMainLayout: To set a panel as a routing page​
ShowToast: For ToastMessages​
ShowModal: Corresponds to MessageBox​
Prompt: JS native MessageBox​
NavigateTo: To change page, routing method​

Please note, some methods have changed.
This library required several weeks of work and many tests, if you want you can make a donation this is the fuel to keep going
 
Last edited:
Gianni M

Gianni M

Well-Known Member
Licensed User
Longtime User
hello,
with your demo, in browser (chrome), there is ONLY world map;
there is not "SDmenu", "SDiconMenu", SDsidebarMain

1737125552015.png

and Logs,
1737125636391.png
 
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
Never post the LOG as an image, you must post as text otherwise it is difficult to read and the necessary information is not there.
I have the same setup and have no problems. Many are just warnings, the only error seems to be on LoadLayout but even this doesn't show up for me.

In the log you don't see what version of Java you use for B4J.
 
Gianni M

Gianni M

Well-Known Member
Licensed User
Longtime User
Star-Dust said:
Never post the LOG as an image
Click to expand...
sorry
Reading B4J INI in C:\Users\Giovanni\AppData\Roaming\Anywhere Software\B4J to find Additional Libraries folder...
Found Additional Libraries folder: C:\libjava
Starting to transpile...
------------------------------------------------------------------------------
BANano v9.11 is now converting the B4J code to JavaScript...
------------------------------------------------------------------------------
[WARNING]: ServiceWorkers do NOT work unless running on a real webserver (ONLY on real https:// domains and http://localhost!)
They will also not work in old browsers
[WARNING]: ServiceWorkers used: ES5 Version not generated.
Building C:\laragon\www\BANanoSDcomponent\scripts\app1737134780398.js
Processing b4xlib: bananosdcomponent
C:\Users\Giovanni\Desktop\a\DEMOCO~1\DEMOCO~1\Objects\b4xlibs_BANano\bananosdcomponent\bananosdcomponent.dependsOn is missing!
java.io.FileNotFoundException: C:\Users\Giovanni\Desktop\a\DEMOCO~1\DEMOCO~1\Objects\b4xlibs_BANano\bananosdcomponent\bananosdcomponent.dependsOn (Impossibile trovare il file specificato)
at java.base/java.io.FileInputStream.open0(Native Method)
at java.base/java.io.FileInputStream.open(FileInputStream.java:219)
at java.base/java.io.FileInputStream.<init>(FileInputStream.java:158)
at java.base/java.io.FileReader.<init>(FileReader.java:75)
at com.ab.banano.BANano.B4XLibModules(BANano.java:11809)
at com.ab.banano.BANano.ProcessB4XLib(BANano.java:10875)
at com.ab.banano.BANano.GetUsedModules(BANano.java:10594)
at com.ab.banano.BANano.LoadSourceCode(BANano.java:10433)
at com.ab.banano.BANano.InnerBuild(BANano.java:3129)
at com.ab.banano.BANano.Build(BANano.java:2927)
at b4j.example.main._appstart(main.java:115)
at java.base/jdk.internal.reflect.DirectMethodHandleAccessor.invoke(DirectMethodHandleAccessor.java:104)
at java.base/java.lang.reflect.Method.invoke(Method.java:578)
at anywheresoftware.b4a.BA.raiseEvent2(BA.java:111)
at anywheresoftware.b4a.BA.raiseEvent(BA.java:98)
at b4j.example.main.start(main.java:37)
at javafx.graphics/com.sun.javafx.application.LauncherImpl.lambda$launchApplication1$9(LauncherImpl.java:847)
at javafx.graphics/com.sun.javafx.application.PlatformImpl.lambda$runAndWait$12(PlatformImpl.java:484)
at javafx.graphics/com.sun.javafx.application.PlatformImpl.lambda$runLater$10(PlatformImpl.java:457)
at java.base/java.security.AccessController.doPrivileged(AccessController.java:399)
at javafx.graphics/com.sun.javafx.application.PlatformImpl.lambda$runLater$11(PlatformImpl.java:456)
at javafx.graphics/com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:96)
at javafx.graphics/com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
at javafx.graphics/com.sun.glass.ui.win.WinApplication.lambda$runLoop$3(WinApplication.java:184)
at java.base/java.lang.Thread.run(Thread.java:1589)
Loading layout mainlayout6...
Loading layout mainpage...
Loading layout item...
Loading layout mainlayout1...
Loading layout mainlayout2...
Loading layout mainlayout3...
Loading layout mainlayout4...
Loading layout mainlayout5...
Header can ONLY be used in AppStart!
Header can ONLY be used in AppStart!
Header can ONLY be used in AppStart!
Header can ONLY be used in AppStart!
Header can ONLY be used in AppStart!
[WARNING]: [SDfunc,prompt: 130] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[ERROR 55]: [SDfunc,navigateto: 161] LoadLayout can not work with a variable for the layout name!
--> MainPageElement.LoadLayout(LayoutName)
--> Current next: loadlayout --> Current index: 6
--> Current Translation:
--> Var : B4JName: mainpageelement, EventName: , JSName: __f8 ,ISPRIVATE: true,B4JTYPE: bananoelement, IsArray: false, InitValue: null
--> Method : ---- METHOD: navigateto (MODULE: SDfunc, ISPRIVATE: false) ----
B4J DECLARE:
LINE NUMBER: 159
ORIGINAL LINE: Public Sub NavigateTo(MainPageElement As BANanoElement, LayoutName As String)
CLEANED LINE: public sub navigateto(mainpageelement as bananoelement, layoutname as string)
WORDS: public|sub|navigateto|(|mainpageelement|as|bananoelement|,|layoutname|as|string|)|
INTERNAL VARS:
B4JName: mainpageelement, EventName: , JSName: __f8 ,ISPRIVATE: true,B4JTYPE: bananoelement, IsArray: false, InitValue: null
B4JName: layoutname, EventName: , JSName: __f9 ,ISPRIVATE: true,B4JTYPE: string, IsArray: false, InitValue: ""
RETURNS: B4JTYPE: string, IsArray: false, InitValue: ""
------------------------------
[WARNING]: [SDfunc,banano_namespace: 194] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDgoogleMap,carica: 155] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDmenuHoriz,setroot: 144] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDrangebar,touch_minrangebar: 184] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDrangebar,touch_maxrangebar: 192] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDthree,designercreateview: 134] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDthree,setrotate: 335] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDthree,setposition: 340] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDthree,getpositionx: 344] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDthree,getpositiony: 348] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
[WARNING]: [SDthree,getpositionz: 352] RunInlineJavascriptMethod will be depreciated. Use RunJavascriptMethod instead
Adding Layout mainlayout1 used by page1
Adding Layout item used by page2
Adding Layout mainlayout3 used by page3
Adding Layout mainlayout4 used by page4
Adding Layout mainlayout5 used by page5
Adding Layout item used by page2
Adding Layout mainlayout3 used by page3
Adding Layout mainlayout4 used by page4
Adding Layout mainlayout5 used by page5
Adding Layout mainlayout6 used by page6
Adding Layout mainpage used by pagehome
---------------------- OPTIMISATION METHODS -----------------------
OPTIMISATION: The METHOD getelement in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD getid in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD textcolor in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD backgroundcolor in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD addtoparent in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD remove in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD trigger in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD buildexstyle in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD setclasses in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD getclasses in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD setstyle in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD getstyle in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD setvisible in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD getvisible in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD setenabled in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD getenabled in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD setmarginleft in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD getmarginleft in (MODULE: SDbutton) has been removed
OPTIMISATION: The METHOD setmarginright in (MODULE: SDbutton) has been removed
OPTIMISATION: 997 more methods have been removed. See OPTIMISATIONS.txt
---------------------- OPTIMISATION CLASSES -----------------------
OPTIMISATION: The CLASS: BananoSDorderMap has been removed
OPTIMISATION: The CLASS: SDscrollHoriz has been removed
OPTIMISATION: The CLASS: tcell has been removed
OPTIMISATION: The CLASS: trow has been removed
---------------------- OPTIMISATION ASSETS -----------------------
Writing core...
Merging CSS files...
-> CSS files are merged in the order you added them
Merging Javascript files (not used in a Service Worker)...
-> JS files are merged in the order you added them.
Building C:\laragon\www\BANanoSDcomponent\index.html
EnableLiveCodeSwapping ignored. Only applicable for Build in Debug mode.
----------------------------------------------------
BANano v9.11: conversion finished!
----------------------------------------------------
Completed 18:26:24
Click to expand...
and
C:\java\bin>javac -version
javac 19.0.2

C:\java\bin>java -version
openjdk version "19.0.2" 2023-01-17
OpenJDK Runtime Environment (build 19.0.2+7-44)
OpenJDK 64-Bit Server VM (build 19.0.2+7-44, mixed mode, sharing)
Click to expand...
grazie
 
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
Gianni M said:
sorry

and

grazie
Click to expand...
[ERROR 55] does not appear in this one: [SDfunc,navigateto 161]
did you make any changes?
Are you still missing the menu?
 
Gianni M

Gianni M

Well-Known Member
Licensed User
Longtime User
Star-Dust said:
[ERROR 55] does not appear in this one: [SDfunc,navigateto 161]
did you make any changes?
Are you still missing the menu?
Click to expand...
no changes, only extract your demo and copy add bananosdcomponent into additional lib folder
 
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
Gianni M said:
no changes, only extract your demo and copy add bananosdcomponent into additional lib folder
Click to expand...
I explained myself poorly, compared to the first test where there was an error in the second one it doesn't appear. [ERROR 55]. So there was a change. Did you change Java version or what?
 
Gianni M

Gianni M

Well-Known Member
Licensed User
Longtime User
Star-Dust said:
Did you change Java version or what?
Click to expand...
no change;
i use this version and make a BIG project with BANano and SithasoDaisy
for local test i use laragon on windows
 
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
Gianni M said:
hello,
with your demo, in browser (chrome), there is ONLY world map;
there is not "SDmenu", "SDiconMenu", SDsidebarMain

View attachment 160882
and Logs,
Click to expand...
1737138102647.png


Having made no changes, this error that appeared the first time but is not present the second time is inexplicable.
There are no errors that appear unexpectedly... I don't know what to tell you at this point
 
Last edited:
Star-Dust

Star-Dust

Expert
Licensed User
Longtime User
  • Rel. 1.02 - Added SDClock
 
You must log in or register to reply here.

Similar Threads

TILogistic
  • Article
Android Code Snippet [B4X] Simple: Get the value of an HTML or XML tag.
Replies
4
Views
2K
AnandGupta
AnandGupta
Alexander Stolte
  • Article
B4A Library [B4X] [XUI] AS Settings
2 3 4
Replies
62
Views
22K
Alexander Stolte
Alexander Stolte
aeric
  • Article
Share My Creation [Project Template] Web API Server v2
2 3 4
Replies
68
Views
26K
PABLO2013
PABLO2013
Erel
  • Article
Android Tutorial [B4X] How to get <custom view here> from <CLV or any other container>
Replies
2
Views
16K
Erel
Erel
Erel
  • Locked
  • Article
B4A Library [B4X] BCTextEngine / BBCodeView - Text engine + BBCode parser + Rich Text View
7 8 9
Replies
165
Views
103K
Erel
Erel
Top