On a WebSite/ASP.NET application project that enable SmartWebResources, by default the url of the missing image is ISRes.axd?D/arrow_right.gif. If the page is viewed in IE browser, instead of using image it uses number 4 with Webdings font.

For this case, please ensure that ISNet.WebUI.Resources.dll and ISNet.WebUI.WebDesktop.Resources.dll assembly files has been added into the project’s bin folder; and ensure that the client’s terminal has Webdings font installed.

For a WebSite/ASP.NET application project that doesn’t enable SmartWebResources, by default the url of the missing image is /CommonLibrary/Images/WebDesktop/arrow_right.gif.

For such case, please ensure that the arrow_right.gif image file is available in the specified images directory.

Hi Yudi,  Thanks for your reply !!!

I found the image in the directory /CommonLibrary/Images/ but the solution shows the number 4.

Do I need set the directory in my solution ??

The webcongig contains :

Since the problem is not persisting in an empty Intersoft solution, I’d like to suggest you to carefully observe and compare the settings of the web.config file between those projects.

I’m quite sure that there might be a setting in web.config file which causing the problem.

 Yudi,

The problem is when I use:

I tried to reproduce the problem in my local tests by adding Style.Attributes.Add(param1, param2) in the code behind of a simple WebMenuBar page but my efforts were not successful -- everything worked smoothly and the sub-menu image was rendered without any issues.

I’m willing to advise you further but in order to do so I would need you to elaborate on your specific scenario and possibly give me a step-by-step guide that I can use to observe the problematic behavior.

Hi Yudi,

The problem was in the css file. I commented this code and  the image is ok now .

/*

After check the css style, it is clear that the font selector in the css cause the problematic appearance since it will force to apply font-family property to be “Verdana, Arial, Tahoma;”.

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{

...

font-family:Verdana, Arial, Tahoma;

...

As mentioned in my earlier post (December 16, 2011), the arrow uses Webdings font.

... If the page is viewed in IE browser, instead of using image it uses number 4 with Webdings font...

I’d like to suggest you to re-configure the css selector so that instead of using font as the type selector, you can try to use the class selector to style all elements with the specified class. The other solution is to create/add another css selector that will be applied on the 4-Webdings font arrow.

I enclose a simple sample of page containing WebMenuBar. Within this page, the problematic css style (from your previous post) is applied. A css selector is added into the page in order to reset the font-family to Webdings.

#WebMenuBar1__body font
{
    font-size: 8pt;
    font-family: Webdings;
}

The selector will select all <font> element inside the element which has id equals to “WebMenuBar1__body”. The “WebMenuBar1__body” is the id of table element of WebMenuBar of this sample. A tool such as Internet Explorer Developer Tools might be handy to find the id of your WebMenuBar table element.

Hope this helps.