I want to add an icon to the color picker component which will have the value of no color (a blank rectangle) . is ther a way to do it ?
Thanks
you can make image's of whatever you'd like as icon.
Right mouse button the src map - new - CSS file to create a new CSS file in your source map, or where you want it.
Double click the CSS file and go to design mode. Right mouse button on the stage or press the +style button on the top of the contentfield.
choose your component (colorpicker) - change the color in the right column, if you still can't get what you want press the skin button in the right column and select "image files" from the list and insert your images.
In short:
- make images of what you want
- make css file
- add css to the colorpicker component
- choose skin from right menu
- choose image files from the list
- insert the images you made
ow and don't forget to add your css file in the application.
Related
Is there a list of button icons that can be used in App Maker? E.g. when you set the HTML text field of a button to 'Edit' and choose 'Icon' as button style, App Maker conveniently provides me an icon with a pencil on it.
Right now I'm looking for a dropdown arrow icon, but a list of icons would be so useful to make my UIs more clean.
App Maker uses material font:
https://material.io/icons/
So it took me some time re-reading the comments and trying to understand how to do it. This is for future readers:
Go to https://material.io/icons/ and in the search bar on left, type the icon you are looking for. e.g. I am looking for left arrow.
Scroll the page down, and hover over the icon you are looking for and check the exact name of the icon. Copy it.
On your page/page fragment/popup, click on Widgets icon on top left.
Type button, and drag Button on your page (or fragment or popup).
On top left, right beside the Widgets icon, click the drop down and select "Icon".
Ensure your icon is selected on your page. In the property editor on the right,paste the exact name of the icon e.g. "keyboard_arrow_left".
The button will update with the icon of your choice.
Hope it helps.
I don't know how or where to set the game icon. I see there is the Assets folder, but I'm not sure what I'm supposed to put in or where to find the information on what to use. While running, the game has no icon on the title bar or in the taskbar.
Drag your Icon to Assets folder the double click on Package.appxmanifest and you will see the following content, here you can add Icons for Tiles:
In order to use custom icon in the taskbar, We can open the Package.appxmanifestselect in the Solution Exploer. And select Visual Assets then select Square 44x44 Logo, choose one image to set in the 24 x 24 px.
There is a samilar case you can check with UWP app icon on taskbar.
To set the icon to the title bar, we can use Window.SetTitleBar method to set the image to the title bar. There is a official Title bar sample, in Scenario2 it extend the view into the title bar.
For my Firemonkey multi device project in Delphi 10 Seattle i've created a .style sheet with multiple button styles which contain an image. In order to show the image the right way I want to set a fixed size for the button if the styles are set.
Like if you give a button the stylelookup additemstyle it will have width and height of 48 and you can't resize the button. I want to do the same.
How can I accomplish this? I've already tried to lock the style component and set the size there, but I can still resize the button.
I want to build a flex FormItem extension that adds a button into the item label section, such that there is both a text label and, to the right of it, a button that uses an image icon:
A form item http://img830.imageshack.us/img830/4411/screenshot20100730at331.png
Basically, I want to create that 'i' icon, such that I can click on it to display a help overlay for the item in question.
Is there an existing component that does this? If not, how do I do it?
Try to use grid, gridrow, and grititem, like the html table. and add the label and the "i" image into a horizontal layout container inside the griditem.
See
http://kennethsutherland.com/2009/05/27/formitem-adding-an-icon/
I want to implement an image/div drag functionality like the one in the tinymce,
when the user click on the image, its border are selected and one can move the image/div around in the editor, and in the meanwhile it generate inline css as well..
Thanks...
You probably want something like jQuery UI's draggables, which allows you to make dragging movements with your mouse which will alter the dragged element's CSS accordingly. Use the start and stop events if you want to change the border color when it is being dragged.