B4J Question ABMTable: problem with themes and InputMask property

Mr_fifty4 · Jan 20, 2022

hi,

i found a problem using themes with ABMtable. In detail I have defined a theme also using the inputmask property:
(the code was written starting from "HelperTablePage" in ABM demo project)

B4X:

    theme.Table("tbl1theme").AddCellTheme("IPnocoloredit")
    theme.Table("tbl1theme").Cell("IPnocoloredit").BackColor = ABM.COLOR_WHITE
    theme.Table("tbl1theme").Cell("IPnocoloredit").ActiveBackColor = "dragonfly"
    theme.Table("tbl1theme").Cell("IPnocoloredit").ActiveBackColorIntensity = ABM.INTENSITY_LIGHTEN2
    theme.Table("tbl1theme").Cell("IPnocoloredit").Align = ABM.TABLECELL_HORIZONTALALIGN_RIGHT
    theme.Table("tbl1theme").Cell("IPnocoloredit").IsEditable = True
    theme.Table("tbl1theme").Cell("IPnocoloredit").InputMask = "'mask':'999.999.999.999'"
    theme.Table("tbl1theme").Cell("IPnocoloredit").AllowEnterKey = True

in ConnectPage i wrote this code:

B4X:

    For i = 0 To 7
        Dim r As List
        Dim rCellThemes As List
        r.Initialize
        rCellThemes.Initialize

        r.Add(Main.SQL3.ExecQuerySingleResult("SELECT System FROM CFG_SystemTable WHERE rowid =" & (i+1) ))
        rCellThemes.Add("nocolor") ' nocoloredit
        r.Add(Main.SQL3.ExecQuerySingleResult("SELECT Description FROM CFG_SystemTable WHERE rowid =" & (i+1) ))
        rCellThemes.Add("nocolor") ' nocoloredit
        r.Add(Main.SQL3.ExecQuerySingleResult("SELECT IPAddr FROM CFG_SystemTable WHERE rowid =" & (i+1) ))
        rCellThemes.Add("IPnocoloredit") '
        r.Add(Main.SQL3.ExecQuerySingleResult("SELECT SubID FROM CFG_SystemTable WHERE rowid =" & (i+1) ))
        rCellThemes.Add("nocolor") ' nocoloredit
        r.Add(Main.SQL3.ExecQuerySingleResult("SELECT Port FROM CFG_SystemTable WHERE rowid =" & (i+1) ))
        rCellThemes.Add("nocolor") ' nocoloredit
       
        Dim switchactive As ABMSwitch
        Dim SWstate As Boolean
        If  Main.SQL3.ExecQuerySingleResult("SELECT Enable FROM CFG_SystemTable WHERE rowid =" & (i+1) ) ="0" Then
            SWstate=False
        Else
            SWstate=True
        End If
       
        switchactive.Initialize(page, "switchactive", "ON", "OFF", SWstate, "switch")
        r.Add(switchactive)
        rCellThemes.Add("nocolor")
       
        tbl1.AddRow("uid" & i, r)
        tbl1.SetRowThemes(rCellThemes) ' make sure you have as many items in rCellThemes as in r!
       
    Next

the output is this:

inputmask formatting is applied to the first row only.

I tried with the ABMaterial library version 4.30 and also with the latest 4.95 (updated also www folder).
I don't understand if I'm doing something wrong or it's a library problem

thanks for some helps

alwaysbusy · Jan 21, 2022

I don't think your browser is using the new .js file and is still using the buffered one. Try CTRL + 5 or set in the browser console to reload. I've tested it here with the demo app and it does work. What you see is still the old error.

alwaysbusy · Jan 20, 2022

At first sight, I can't see anything wrong with your code. Do you see errors in the browsers console log?

What happens if you click on row 2? does the input mask then appear? note that it is a input mask, not a display mask.

Alwaysbusy

Mr_fifty4 · Jan 20, 2022

thanks for your reply.

yes, console log show an error:

B4X:

HelperTablePage.1642682583786.js:28 ready to connect the websocket
core.4.39.min.js:86 Using RobustWebSocket
core.4.39.min.js:90 WebSocket opened, reconnected?: false
jquery.inputmask.bundle.3.01.min.js:1 Uncaught DOMException: Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index.
    at M (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:1:22159)
    at H (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:1:19894)
    at J (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:1:21493)
    at ea (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:2:3601)
    at h (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:2:5527)
    at HTMLTableCellElement.<anonymous> (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:2:9005)
    at Function.each (http://localhost:51042/js/core.4.39.min.js:744:42)
    at b.mask (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:2:8615)
    at HTMLTableCellElement.<anonymous> (http://localhost:51042/js/jquery.inputmask.bundle.3.01.min.js:2:12537)
    at Function.each (http://localhost:51042/js/core.4.39.min.js:744:42)

point 2: confirm the problem when i try to change the data: in row 1 show the mask , from row 2 don't show the mask.

alwaysbusy · Jan 21, 2022

Download this file, unzip it and replace the existing one in the www\js folder: http://gorgeousapps.com/jquery.inputmask.bundle.3.01.min.zip

Change your InputMask to:

B4X:

theme.Table("tbl1theme").Cell("IPnocoloredit").InputMask = "'alias': 'ip','placeholder': '_._._._'"

This is about as close as I can get with this javascript library.

Alwaysbusy

Mr_fifty4 · Jan 21, 2022

Replaced file and changed mask but only first row seems to work.

tested with only one row (it works even if with errors)

are there any other test to better understand this issue?
(bebore leaving inputmask)

thanks

alwaysbusy · Jan 21, 2022

I don't think your browser is using the new .js file and is still using the buffered one. Try CTRL + 5 or set in the browser console to reload. I've tested it here with the demo app and it does work. What you see is still the old error.

Mr_fifty4 · Jan 21, 2022

now it works perfectly!

thanks a lot.

B4J Question ABMTable: problem with themes and InputMask property

Mr_fifty4

Member

alwaysbusy

alwaysbusy

Expert

Mr_fifty4

Member

alwaysbusy

Expert

Mr_fifty4

Member

alwaysbusy

Expert

Mr_fifty4

Member

Similar Threads

B4J Question ABMTable: problem with themes and InputMask property

Member

Expert

Member

Expert

Member

Expert

Member

Similar Threads

Privacy & Transparency

Privacy & Transparency