For a touchscreen I need to increase the height of my buttons in a ABAP WebDynpro Application.
Because there's no attribute for the height I read that it should be possible to add an image to the MIME Repository and then add this image to the button.
I also read that it might be possible to create a own theme with a .css file.
The last one sounds a little bit better to me. Does anyone know how I can create such a theme and apply it to my application?
Thanks for your help!
The simpliest way of resizing height is using MIME image, which I want to describe here:
Create your image with exactly those height that you need. The image could be opaque, transparent or whatever. Image format doesn't matter, as most common formats (jpg, gif, png) are supported.
Import it to your Webdyn Pro component like this: right click on component in repository tree, then -> Create -> MIME object -> Import
After image was successfully imported, just select it using imageSource property of button element, where you can find it on Component images tab.
Voilá! The button adopted the dimensions of the image.
Related
Designer at our company has provided me an icon set as a series of .png files (1x and 2x per icon) that I'd really like to switch over to be a webfont instead.
Is there a best practice for doing this sort of thing?
If your png's are of good quality you can open them in Adobe Illustrator.
Click on an image. On the top bar, a button 'Image Trace' ('Bildnachzeichner' in german) appears. Click on small arrow next to 'Image Trace' box for drop down menu.
Select ‘High Fidelity Photo’ to begin image trace, if the result doesn't fit try other options from the drowndown menu.
Next you will see an 'Expand'-Button at the top ('Umwandeln' in german).
Click it. Vercotr paths and fills are created.
You can adjust them if you need and save it to a svg file.
Then import to icomoon.io ...
I've used icomoon.io in the past. I think with only .png files though you can only make an image sprite. You'll need the files in .svg format to make an icon font.
DON'T DO IT.
Use a sprite sheet instead.
In Image's asdoc, we can see :
Flex also includes the BitmapImage class. This class is used for embedding images into skins and FXG components
but we can also use Image in skins and use #Embed with Image...
Therefore, where and when should I use Image or BitmapImage please ?
Image is a skinnable class that wraps BitmapImage. As such BitmapImage is more lightweight, but Image has more features. So the question when to use which boils down to this:
if the features of BitmapImage suffice, use that; otherwise use Image. Especially in mobile environments try to favor the use of BitmapImage.
Now what features does Image add exactly?
Image extends SkinnableComponent: this means you can assign your images a skin with a border or a dropshadow or whatever you like consistently throughout your application.
It also provides a progress indicator which can be displayed while the image is loading.
One more feature is the possibility to queue the loading of multiple images.
I have a transparent windows (skinnable).
Inside, I'd like to preview some pdf file.
BUT, in the only a black screen appear, can you help me?
Thanks
The only solution I found is to have a window with no tranparence option
Thanks
Please provide more details. If you embed the respective component inside a standard window, does it show the PDF as expected?
Additionally, these links might be of interest:
http://cookbooks.adobe.com/post_How_do_I_display_a_PDF_file_in_an_AIR_desktop_appl-19323.html
http://cookbooks.adobe.com/post_Preview_a_PDF_inside_your_AIR_application-10183.html
Are you using an HTML component? If so, it's impossible to show PDF if your window is transparent. Here's the note from the Adobe documentation. I highlighted the interesting part. (source : http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/html/HTMLLoader.html)
Note: When displayed in a transparent window, SWF content embedded in
an HTML page must be embedded using either the transparent or opaque
wmode. The default value for wmode is window, so if you do not specify
a value, SWF content may not be displayed. On Windows and Linux, SWF
content always appears on top of other content when wmode is set to
window or opaque. PDF content cannot be displayed in a transparent
window no matter which wmode setting is used.
You could show the PDF inside another window perhaps ? If you can't maybe you can find a way to open an invisible window, load the PDF there, draw it into a BitmapData oject then display the snapshot instead. Off course, this means no user interaction with the PDF whatsoever.
I haven't been able to find an answer to this online. Is there a way to use 9-slice scaling with images loaded at runtime?
To clarify, let's say that I build an application that lets a user skin a button with whatever image they want. This would be an image that's not embedded with the swf. Is there a way to set that runtime image as a background and use 9-scaling?
Thanks!
You can specify a rectangle as the scale9grid of a movieClip that contains your image art.
http://www.sephiroth.it/tutorials/flashPHP/scale9/
Now, to use a MovieClip in Flex (it's a Flash thingy) you have to load it into a UIComponent:
http://cookbooks.adobe.com/post_You_wish_to_add_a_Sprite_or_MovieClip_to_a_Flex_ap-7142.html
I have a weird problem with images in visual web developer,
I cant change my images properties from properties panel (my changes don't take effect) and all images in my website have gotten the same size
when I resize one image (by dragging the border), all images get that new size?
any idea?
Somehow visual web developer read the image class in the CSS file instead of the properties of the control because there is something like this in my CSS file:
img {
width:260px;
}
Yes, basically the width and height properties of the HTML <img /> have been deprecated for some time, you are recommended to use styles instead.
VS then takes this to the extreme, and instead of using inline styles, will create a new style in the default style sheet location for img, as you've discovered.
However, unless you are using the image full size somewhere you are better off resizing the image before you upload it to the server, saving on everyones bandwidth.
Also, IE does pretty poor things with it's default scaling routine, but you can turn on cubic sampling through css.