DevExpress: SimpleButton with Image: transparency? - devexpress

I tried to create a DevExpress SimpleButton button that uses picture instead of text:
1. I have created the picture in MS Paint. The picture was a red square. I saved this as a BMP file
2. I imported the BMP into my Win Forms application as a resource.
3. I have created a SimpleButton button on a form
4. I have assigned the imported image into Image property of the button.
The button looks NOT as the ‘red square’ – the used Skin ‘overrides’ the image, actually.
What should I do? I want the button to display EXACTLY that my image.

simpleButton1.ButtonStyle = DevExpress.XtraEditors.Controls.BorderStyles.Flat;

Related

Images on buttons? It must be easy

It seems a very simple requirement.
How do I put an image on a button? The delete button has a style variant of Icon, but I can't see where the image is coming from.
Can anyone point me in the right direction?
Where can I find all App Maker button icons? ...partially solved my problem, in that I can see the text value is used to find the icon resource, but I would like to know how to put my own image on a button.
If you really want to use an image file of your own, you can insert it as an Image widget, and then use the onClick event for the image to set the button's action.
With that said, I am a huge fan of the Material icon set that's linked from the Where can I find all App Maker button icons? question. I can pretty much always find an icon that works for what I need; then it's just a matter of setting the button style to Icon and using the name of the icon as the button text.

Enlarge the Image in full view mode after tap on image in xamarin.forms

I am trying to design a view where there is image in small view when i tap on that image i want to enlarge that image in full view in xamarin forms like in whats app when we change the profile pic of application . we saw image in small section then after clicking on image it shows in full section and we got options for edit image ...which views should i used?
Anybody know how i can achieve this
<Image x:Name="image1" HeightRequest="100" WidthRequest="100"/>
You could click on the image and than show a custom dialog with an enlarged picture of it.( you pass the url/base64string between the dialog and main screen).
For the custom dialog part you could use: https://github.com/rotorgames/Rg.Plugins.Popup

flex - cloned ComboBox class - down arrow gone (trying to fix drop off bottom of screen)

I have cloned the ComboBox class in order to fix the problem where a ComboBox at the bottom of a tab expands downwards and disappears off the bottom of the screen. I did this to apply the patch from http://craiggrummitt.wordpress.com/tag/combobox/. I had to copy "../styles/FocusStyles.as" etc into a project folder. also I copied ComboBox.png into a project folder.
The ComboBox does now open upwards, but there is no arrow button on the displayed combo. If I rename [IconFile("ComboBox.png")] to [IconFile("Garbage.png")] I get no error and the code still runs. There is no Garbage.png. Does this mean that the problem is that ComboBox.png displays the arrow button and the new class cannot locate this file, or is this just a red herring? tia.
The IconFile metadata is used by Flash Builder and is unrelated to runtime elements of the component. I'll quote the docs:
Identifies the filename for the icon that represents the component in
the Insert bar of Adobe Flex Builder. For more information, see
IconFile metadata tag.
If there is no arrow button on the ComboBox; it sounds like you may have improperly set the skin, or somehow disturbed functionality with our extension. You'd have to share some code for us to help further.

How to change bitmap and label of an Button component [Flash CS5, ActionScript-s]

I have created one button component using one Bitmap and one Label in it.
Thing is that when user Clicks on on the button I want to changes button's Icon/Image and Label Text.
I want to do this using FlashCS5 and ActionScript-3.
I have tried following but it gives me runtime Error
[Bindable]
[Embed(source="/Images/test.png")]
var testIcon:Class;
testButton.setStyle("icon", testIcon);
Is there any other way of doing this.
Thanks.
You need to instantiate testIcon first. Try doing this:
[Embed(source="/Images/test.png")]
var testIcon:Class;
var btnGraphics:Bitmap = new testIcon();
testButton.setStyle("icon", btnGraphics);
Looking at what you want to archive i think you should follow following steps
1. Create one movie clip using new symbol
2. Create Two new Button Symbol using 2 different images and label
3. insert these button into the key frames for the created movie clip
you can use this movieClip to create new buttons that can have 2 states
just use gotoAndStop to display the proper button.
This is an answer for a followup that ppp asked:
There is a property labelPlacement="right|left|bottom|top" property. Default is right if you set it to bottom, the icon will show above the text.
You can create a button skin in flash and import them into flex. My experience with flex 3 skins imported from Flash is that it takes a bit of work and back and forth to get it working perfectly. Flash Catalyst for Flex 4 has greatly improved that workflow.

Appcelerator. Change image in image view on click

Titanium SDK version: 1.7.0
iPhone SDK version: 4.2
I am developing an iOS app and I got an image that acts like a button in a row in a table and when I click this image view I want to change the image to another image.
For example if I click the image view which displays picture1.png I want it to show picture2.png after the click.
How can I do this?
I tried e.source.image = "picture2.png"; but this did not work.
Solved it by using:
e.source.image = '../images/picture2.png';
Please remove your Ti.UI.SIZE in TableView and TableViewRow both height and width... It will work

Resources