B4J Question [ABMaterial] Some icons don't work

[rbirago]

I have tried various icons in NavigationBar without problems (mdi-action-help, mdi-action-exit-to-app, etc.) but some others (from the same awesome's list) don't work (ie. mdi-content-save, mdi-communication-form, etc.). Where's the trick?
thanks
Roberto

 

[alwaysbusy]

Have you ran it in debug to build the .needs files?

 

[rbirago]

yes, my trials were in debug mode

 

[Harris]

(from the same awesome's list) - Do you mean Font Awesome?

"fa fa-arrows-v"

Font Awesome fonts are prefixed with "fa " - as in - "fa fa-arrows-v"
as in:

page.NavigationBar.InitializeExtraHalfButton("ExtraButton", "fa fa-arrows-v", ABM.BUTTONSIZE_NORMAL, ABM.HALFBUTTON_RIGHT, "btngreen")



"mdi-action-exit-to-app" ("mdi" prefix) are material icons...

Nice to see you are learning the framework. Like Font Awesome - ABM is awesome....

 

[alwaysbusy]

I can't immediately see a reason why the mdi- icons you mention don't work. They do come up on the http://prd.one-two.com:51042/demo/IconsPage/abmaterial-material-icons.html list. Is there a snippet you can share so I can run some tests?

Alwaysbusy

 

[Harris]

but some others (from the same awesome's list) don't work (ie. mdi-content-save, mdi-communication-form, etc.). Where's the trick?

Yep - very confusing without code...
Making statements without supporting code makes us looking into our crystal ball. And we won't spend much time there - cause it is very cloudy.. No results appear.
I always refer to the link you listed above when I need to refer to material icons - always work as expected...

 

[rbirago]

I think that The trick is caused by the list (not Awesome, my mistake) that I used to pickup the proper icons.
Probably it is not true that some of the listed icons of the site
http://prd.one-two.com:51042/demo/IconsPage/abmaterial-material-icons.html
are correct. Looking at other lists on the net I have not found for example any mdi-communication....icon.
So, where can I find a valid icon list?
Look at this varied lines of the basic Master Template Project sample:

Sub ConnectNavigationBar(page As ABMPage) 'ignore   
    ' Clear the dummies we created in BuildNavigationBar
    page.NavigationBar.Clear
    

    ' add NavigationBar items
    ' direct the nav to an associated page in the last parameter - "../AboutPage"
    page.NavigationBar.AddSideBarItem( "About",   "About / Help", "mdi-communication-chat",   "../AboutPage")
    page.NavigationBar.AddSideBarDivider

    page.NavigationBar.AddSideBarItem( "Reports",   "Template Page", "mdi-communication-form",  "../ABMPageTemplate")
    page.NavigationBar.AddSideBarDivider


    ' these menu items just raise an error because they do not have a valid url!
    page.NavigationBar.AddSideBarItem(   "Config", "Configure App", "mdi-action-settings-applications",  "")
    page.NavigationBar.AddSideBarSubItem("Config", "Company",  "Setup Company", "mdi-action-home", "")
    page.NavigationBar.AddSideBarSubItem("Config", "Users",  "Setup Users", "mdi-action-account-circle", "")
        
    page.NavigationBar.AddSideBarDivider

    page.NavigationBar.AddSideBarItem(   "Apps", "Applications", "mdi-navigation-apps",  "")
    page.NavigationBar.AddSideBarSubItem("Apps",  "Tickets", "Download Stuff Page"   , "mdi-action-receipt","")
    page.NavigationBar.AddSideBarSubItem("Apps",  "ECMviol", "Show Google Map", "mdi-action-trending-down", "")
    page.NavigationBar.AddSideBarSubItem("Apps",  "GEOZone", "I Like Charts", "mdi-action-explore", "")
    page.NavigationBar.AddSideBarSubItem("Apps",  "DLogs", "My Card Page", "mdi-action-view-list", "")
    
    ' add the LOGOUT item on the title bar....
    page.NavigationBar.AddTopItem("LogOff", "Logout", "mdi-action-exit-to-app",   "",False)
    
        
    page.NavigationBar.Refresh ' IMPORTANT
    
    
End Sub

thanks
Roberto

 

[rbirago]

ooops! sorry, it was my mistake. Ignore the question
thank you for your time
Roberto

 

[mangyun]

ooops! sorry, it was my mistake. Ignore the question
thank you for your time
Roberto

Hi Roberto,

What was the mistake, I'm just learning ABMaterial, some icon do show up, like "mdi-action-visibility", but some icon like "mdi-action-lock", "mdi-action-lock-open" and "mdi-image-edit" won't show up.

    hakbtn.InitializeRaised(page, "hakbtn", "mdi-action-visibility","left","Hak Akses","")    ' ok
    resetbtn.InitializeRaised(page, "resetbtn", "mdi-action-lock","left","Reset Pass", "")    ' not showing up

 

[rbirago]

My mistake was this: I have stuctured the icons file names in a list to keep simpler the code, but ABMaterial has to inspect all the icons mentioned at start to load them once. I was thinking that loading was at runtime: that's the mistake. Perhaps your situation is different.
good luck
Roberto

 

[alwaysbusy]

You have to run it at least once in debug mode after using a new icon. ABM will then save this new icon in the .needs file (which is used at runtime).

Alwaysbusy

 

[rbirago]

oh, nice to know, thanks