CKeditor, size of image preview box - image

Searched the web all over to find the way to change the image preview box dimensions in CKeditor, with no luck.
Although https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_howtos_dialog_windows-section-6 teaches how to change the dialog dimensions, it doesn't provide information on how to set the image preview box width and height, which remain fixed on changing the dimensions of its parent window.

Dimensions of the preview box could be changed in skin's CSS, located – in the case of moono and moono-lisa skins – in skins/<name of skin>/dialog.css. The selector connected with it is .cke_dialog .ImagePreviewBox.

Related

how to color a particular part of image in photoshop

Hi guys I am new to photoshop I have spirit image here which has multiple images in same images for example I have cart image here alongside of phone call image. I just want to change the color of cart to red.. I have photoshop and went through tutorials but hue/saturation doesn't help enter image description here
can someone help me or provide me steps how to change color.
Your screenshot seems to show that your sprite image is a transparent PNG, so you can click the Lock Transparent Pixels button on the Layers panel on the right. Then you can pick the color red you want in the Color Picker and use the Brush tool to paint only the cart.
You can select just one image, or a specific part of a larger image, by using the 'magic wand' tool.
Click this icon, or the icon most similar to it in Photoshop:
Magic Wand Tool
Then select your shopping cart by clicking on a portion of it which is colored, then you'll be able to change the color with the paint bucket tool, or by using the menu at the top of the screen.
You'd click 'Edit' then 'Fill' to fill your selection with the color chosen in your color picker currently.
For changing a color you have to go to right footer and there you'll see fx (Add a layer style) -> Color Overlay.
From there you can change the color of your cart
For reference I am attaching the images.
Fx Menu
Color Overlay

Resizing a PNG's dimensions (Length x Width)

Alright, I will provide specifically what I need. I am using Windows 7. I need this done on a .PNG extension file. Rightclick any png file and click Properties. Under the 'Details' tab it shows the images' dimensions, the width and height in pixels.
I have tried every editor but photoshop which I do not have to create an image with a height of 23552. I use pixlr editor until I can get photoshop located at https://pixlr.com/editor/. Inside the editor I can have an image loaded which I am editing. Using that web application I can resize the image by going to 'Image' tab and pressing 'Canvas size...'. It restricts the height to 4000, but I need it 23552. The reason I need it that high is because when you animate a minecraft texture in a Resource Pack, it detects stacked images by height in the same png, not sure exactly but I know how to animate them with minecraft, I just need a way to get a 23552 pixel height on a png image. Thanks for any help I can get.
Use Microsoft Paint. In Paint, open your image and click "resize" on the Home tab. Enter your desired height and save the photo.
Source: http://windows.microsoft.com/en-ca/windows7/resize-a-picture-using-paint

How to resize image if the image is bigger than Textbox.But it not increase scale if smaller

I created RDLC report layouts by using Visual Studio Report Designer.
I need to display image on textbox.
The image was set center align by Chris Hays 's method.
But This method must set sizing to be "Clip"
So It has a problem because when Image which it was getting from database is bigger than textbox. It would clipped like below.
I tried to use sizing with "Fit Proportional" Mode. It can't set centered image by Chris Hays 's method.
But if I use sizing with "Fit to size". I can ignore centered image. But if some image is very small. It will lose quality.
What should I do if I need to
1.Centered image
2.Fit to textbox if image is bigger than textbox.
3.Original size if image is smaller that textbox.
I can resolved this problem by created two image control.
First image control -It was set sizing "Fit"
Second image control- It was set sizing "Clip" and used Chris Hays 's method for centered image.
Both two image controls was set Visibility property by expression
if a width of image is bigger than textbox , First image control will show and second will hide.
if a width of image is smaller than textbox , First image control will hide and second will show.
I can get a width of image by this code
=(System.Drawing.Image.FromStream(new System.IO.MemoryStream(CType(First(Fields!FILE_BINARY_DATA.Value, "My Table"),Byte()))).Width /96)
96 is dpi
After I known a width of image from above expression.
I will use it for set Visibility Property of First Image like these
=iif((imgWidthInch.Value > 2.6 ),false,true)
2.6 is widht of my textbox.
And Set Visibility of Second Image by the other hand.
If you're using the same sizes of the tutorial you could try and set the Sizing property by using the following expression:
=IIF(Round((3.5-System.Drawing.Image.FromStream(new System.IO.MemoryStream(CType(Fields!LargePhoto.Value,Byte()))).Width
/96)/2,2)>0, "Clip", "Fit")

Parsys on top of an image

There is requirement where parsys should be added on top of an image. It is like a background image with the provision of parsys so that other components can be dragged and dropped on top of it. I am using html5smartimage for image component. But, no clue yet on how I can get the parsys on top of the image. Please help if you find any ideas. Thanks.
is the image authorable? If so, how do you intend to provide click-area for the authors to change the image vs edit items in the parsys.
If the image isn't authorable, just target the CSS for your parsys and set the image.
If the image is authorable, in edit mode you want the image to be distinct from the parsys and have separate clickable areas. Then in preview/disabled modes you would generate the actually desired markup & CSS to position the parsys content over the background image.

How to make an image as transparent in BlackBerry?

I am new to BlackBerry Java application development. My scenario is: In my application a gallery list of images will be displayed in a small icons. If I click on any image it will display in a large mode. Here I need to provide controls like front and back buttons. On clicking on those buttons the background image should change. In addition to that those buttons should be highlighted and the back ground large image should be transparent. How to do this?
Please guide me.
You can use Graphics.setGlobalAlpha() on paint() or to modify bitmap before preview.
Don't forget to set back normal global alpha value after bitmap drawing.

Resources