how to install material icons in google app maker - icons

I don't quite understand exactly what i need to do to install material icons in google app maker and then how to use them. I would really appreciate anyone able to give me a step-by-step explanation. Thanks!

You don't need to install material icons you just need to use https://material.io/tools/icons/?style=baseline icon name. Just make sure that if is a button it has the "Fab" style variant for App Maker to make the change and replace the button text for the mdl icon name.
Style Variant
Text field for the widget (button)
Final result for a button.
You can also use different icons like in my case fontawesome.com. You need to get the CSS URL from the website then access to the App Maker "App Settings" and look for External Resources and add the link
After that search for an icon and will display some properties like these
Take the HTML properties to add them to the button Display > Styles as shown here.
Make sure there is nothing on "text" of the button and you will have something like this.
I had a hard time figuring this out when I was start using App Maker so I hope this helps you all.

Related

Where to change css code to adapt font-size and button sizes in buildfire app to customize styling as desired?

I have a query concerning changing css for buidfire app.
In specific to adapt the css for the buildfire feature "free text questionnaire" in the marketplace.
Need to adapt font size (to be smaller), the col of the query text and the buttons for answering and next or previous to be smaller.
Can someone pls kindly help where to find the relevant CSS document?
I have already downloaded the sdk on GitHub.
But we don't need to develop a new plugin, only need the relevant CSS for the free text questionnaire feature to adapt those 3 things.
In one video "how to use custom widget" there you have directly the view to see those 3 possibilities for HTML view, CSS view and JavaScript in the control panel and next to it directly the results in the widget.
Where can get this custom widget?
If it´s not possible with this custom widget which css file is the relevant one in the sdk buildfire js plugin?? There are several css documents shown.
Which is relevant for customize font-size, button size??
Thank you very much for your kind help!
Kind regards,
Angelika
I believe this the custom plugin you are looking for
https://github.com/BuildFire/customPlugin
However, not sure how would that help you since the free text questionnaire plugin is not an open source plugin so you cannot make changes to it and the custom plugin is just another plugin

TideSDK - Show unread count (Icon Badges)

I intend to create a basic chat program with TideSDK. I was now wondering if it's possible to display new/unread message count in the dock/tray icon. For example, like this dock icon in OSX:
I did a quick search the docs but could not find anything about these so-called icon badges. Is this correct? My second thought was to update the entire dock/tray icon with a manually redrawn version to simulate badges. However, while I found API functions to update window icons I could also not find a way to update the main app icon.
Any ideas on how I could solve this?
Turns out this was a pretty stupid question. Didn't realise the UI node could also be clicked in the doc navigation tree. The desired functionality is actually built-in. See the relevant doc page here: http://tidesdk.multipart.net/docs/user-dev/generated/#!/api/Ti.UI
You have the following methods to achieve the desired or related result:
Ti.UI.setBadge(txt)
Ti.UI.setBadgeImage(imageURL)
Ti.UI.setDockIcon(icon)

Redactor JS editor, custom external toolbar solution with plugin

I'm trying to create a totally custom/external toolbar for Redactor. So far, I think the best way to do this is to actually turn off the toolbar by default, and create a plugin for it.
I was able to do this successfully wit my custom feature set, but I can't indicate the state of the text in my toolbar itself. (ie: if a user changes the fontSize, and later on clicks in the middle of the word/sentence, I wanna be able to display that on the toolbar somehow)
Has anybody else run into this?
thanks,
--iM

can the fast report toolbar icons be completely replaced?

I'm working with fast report and I would like to change their default preview toolbar.
I need to replace some of the icons with icons of my own, and I need the ability to add my own custom buttons.
I looked at this thread from their support.
It mentions how to just change the icons to other fast-report provided icons, but I need to put in custom icons and add new buttons.
Has anyone done this before? Or knows whether this is possibly with FastReport.
If you have the professional edition of fastreports you have access to the source code.
I have heard of people editing this and recompiling to create thier own custom preview window

trying to spice up a jquery ui accordion

here's my current markup (via JSBin). i have a basic jquery ui accordion (i think everything is ok with it), but am looking to make it more visually appealing.
Basically, I'm trying to mirror the look and feel of neon sky creative media's flash-based menu, which i can't post a link to because new users can only post 1 hyperlink max. just google "j-carrier photography" and you'll see an example of what I'm going for.
I've tried, and failed, to add a "+" icon (where applicable) on mouseover, and animate the background color and opacity of each menu item.
any help would be appreciated.
In your jquery ui css folder you will find the css file. It is commented extensively for easy editing. Most of what you want to do can be accomplished by editing this file.
See this site: http://jqueryui.com/docs/Theming/API for a complete reference.

Resources