Image Manager - all images have wrong height

[Aron]

Hello,
From the rad editor - select image manager.
All images are viewable, I can upload, delete, and re-name.

However if I select an image and go to properties the height is always 15 and the width is always 0.
If I just select an image (skipping viewing properties) and insert in into the rad editor content area there will be a style that set width=0 and height =15.

What's the bug here?
thanks!!

rolling with:
2009, sp 1
c#
.net 3.5
iis7

[Rumen]

Hello Kansa,

We are not aware of this problem. Could you please upgrade the Telerik.Web.UI.dll to the latest internal build and see whether the problem still persists?

If you still experience the problem after the upgrade, please open a support ticket and send some problematic images, a sample working project and steps to reproduce the problem. Please, specify how exactly you insert the image: for example by double clicking on it in the grid or clicking on the Insert button.

Kind regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Glenn Boothe]

I'm having this same problem, even with the latest build: 2009.1.525

To recreate:
-click Image Manager
-click an image
-click properties
the width and height will be unconstrained and set to 0x15, and sometimes 0x0.
and clicking insert (before or after clicking properties) leads to the image being inserted as below:

<img alt="" src="image/source.jpg" style="width: 0px; height: 15px;" /><br />

[Francis]

I've also updated to the latest Internal Build, and am having this same issue - height of 15, Width of 0, making the images invisible in the RadEditor.  I having written my own ContentProvider, to feed the ImageManager from our custom filesystem format, if that has any difference, and can provide code samples of that if need be, but the image placement code is entirely stock.

Thanks in advance,
Francis

[Lini]

Hello Francis,

Did you get the service pack we released last week (version 2009.1 527). This is what's currently powering our online demos and I cannot reproduce the problem there (http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx). I tried different browsers (IE, Firefox) as well.

Can you try your project with the default content provider and see if the problem is present there? I am not sure about the rest of the people in this thread but they might have custom providers as well. If possible, open a formal support ticket and send us a sample project where we can see the problem or if it happens only on production, then send us a URL where we can test.

Regards,
Lini
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Aron]

Hello,
I'm using a standard editor. Nothing special and no custom content providers.

[Glenn Boothe]

I recorded this with Camtasia.
I'm not sure how much it will help, but these are the steps to recreate the problem for me.

http://webstationinc.com/telerik/

It's your demo, and I did nothing out of the ordinary.  Please let me know what you might need from me to help you out.

[Lini]

Hi Glenn,

I can't see from the capture what browser you're using. Does it happen only with specific files (e.g. PNG images) or all files? Does it happen again if you open the image manager once more after the first try? Thanks in advance for your cooperation!

Sincerely yours,
Lini
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Glenn Boothe]

FIrefox 3.0.10 is where I am having the issue.
It looks like IE 8.0.7100.0 is not having the issue.

It happens to any image, not just pngs, but here's some new insight:

1. If I click an image to insert, and click insert (without clicking properties), it's inserted at 0x15.
2. If I click an image and then click properties, it shows 0x15 and is inserted as such. (as in the screen capture).
3. If I click around the images, clicking on as many as I like, then click insert, it's inserted as 0x15.  Also if I click properties AFTER clicking around, it's listed as 0x15.
4. If I click an image, then click properties (0x15 is shown), then click another image it will immediately set the height to 0, showing 0x0. I can click around the images and it will stay 0x0. When I click insert, whatever image I am displaying will insert at full size, not the 0x0 it says in the properties (with no style attribute in the html). I can also click back over to preview after the 0x0 has been set and when insert is clicked, the image will insert full size.

I tried to explain as best I could, but realize that could be confusing. I can capture what you like if it would help you out.

Thanks for the help!

EDIT*
I also tried IE6 and IE7 and they seem to be working fine.

[Francis]

I also can confirm that everything behaves as it should (images are inserted with the correct Width/Height) using IE 7.  But, when I use Firefox 3.5b4 it attempts to insert the image sized incorrectly (0x15).

Thanks,
Francis

[Lini]

Hello guys,

I am sorry to say that, but I still cannot reproduce the issue, I tried both FF 3.0.0.10 and 3.5b4. I browsed to our online demos from the office and from an outside location (to rule out the network connection). I don't have any extra add-ons installed in the browser except for Firebug, Web Development toolbar, YSlow. I tried running Firefox in safe mode as well (no add-ons) but still the images came out with the right dimensions.

I am wondering if the problem is not caused by some configuration setting in Firefox - e.g. we have had problems in the past with the editor toolbar when users have set a minimum font size value. If you can tell me some more specific details about the browser - is it a localized build, any special properties we need to set before we test, etc.
 
Best wishes,
Lini
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Karl]

Unfortunately I have the same issue with FF3.0.11. Seems to be the image-dialog. I have no idea, how it comes to this 0px/14px width/height values.
But you are right: On another computer / same FF version the problem doesn't occur. However, I can not teach my clients HTML to fix that issue. They use the editor to avoid dealing with HTML.
Its a real problem here and the only workaround I can see for instance is developing my own dialog :-(

Thanks
Karl

BTW. This is the html which is produced: <img alt="" src="/stakeholder/promotion/IMAGE_00007.jpg" style="width: 0px; height: 14px;" />
Just opening the image dialog and choosing an image which exists.

When I searched (a bit desperated) in the Telerik sources for "14px", I found at line 9781 this code but have no clue:
return this._symbols;
},set_symbols:function(_95c){
this._symbols=_95c;
},get_realFontSizes:function(){
if(null==this._realFontSizes){
return ["8px","9px","10px","11px","12px","13px","14px","16px","18px","20px","22px","24px","26px","28px","32px","36px","48px","72px"];
}

[Lini]

Hello Karl,

The code you pasted is not related to the image dialog - it is part of the font size dropdown in the editor toolbar.

Can you check what is different between your Firefox installation and the one where the problem does not occur? Compare the add-ons, Content tab in the Options dialog, etc. If you cannot find a difference, please open a formal support ticket and send us your Firefox profile (it should be in C:\Documents and Settings\[user]\Application Data\Mozilla\Firefox\Profiles or C:\Users\[user]\AppData\Roaming\Mozilla\Firefox\Profiles).

Regards,
Lini
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[David]

Hi all,

  Same problem here with FireFox 3.0.11 with image inserts.  The width is set 0px and height to 15px.  I open firefox in the safe mode with all addins disable.

David

[David]

Update:  No problems on my Windows 7 with the lastest firefox installed.  The problem is on my windows xp machine.

[Ben Baker]

I want to confirm that I am seeing this as well.  All images are 0x15 with latest version of Firefox on WinXP and 0x14 on the Firefox 3.0.11 Mac OSx.

[Francis]

Just to share this with everyone else - eventually, I just came up with a hack to get around this, until a better fix is found -

<script type="text/javascript">

    function changeImageManager(editor, args) {
        if (args.get_commandName() == "ImageManager") {
            {
                var callbackFunction = function(sender, args) {
                    //result holds the image element
                    var result = args.get_value();
                    if (result.style.cssText) {
                        result.style.cssText = "";
                    }
                    editor.pasteHtml(Telerik.Web.UI.Editor.Utils.getOuterHtml(result), "ImageManager");
                };
                args.set_callbackFunction(callbackFunction);
            }
        }
    }
</script>

<telerik:RadEditor OnClientCommandExecuting="changeImageManager" Skin="Telerik" ID="tbMessage" runat="server">
</telerik:RadEditor>

Because of how we're allowing our users to insert images, we don't really care about any css changes they may make for it's display, so I just blast those away on insert.  Not sexy - but gets around this issue with Firefox and the ImageManager.

Thanks,
Francis

[David]

Hi all,

  I un-installed firefox completely and re-install it.  The problem went away. 

The problem came back out of no where.  I suppect either fire-bug or web developer 1.1.8 plug-in is causing the problem with Firefox.  I don't think it is fire-bug.  I believe the problem came back after installing web developer 1.1.8...

David

[Ben Baker]

I upgraded to Firefox 3.5 and no longer see this problem in image manager dialogue.  I am currently using the latest version of the Web Developer (1.1.8) and Firebug (1.4.0).  Perhaps this is specific to version Firefox 3.0.11.

I guess that time will tell.

UPDATE:  In FF 3.5 I do see that the node inspector module exhibits a similar behavior in that it shows the width and height of a placed image as being null (field is blank).  Using the +/- arrows will start the increment process with a value of 0 and therefore make the image disappear.  The image properties dialogue does appear to work correctly.