Intersoft Community - WebGrid Enterprise - Image Menu

Image Menu

yudi — Thu, 05 Jan 2012 23:37:44 GMT

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.

Image Menu

PatriciaGomes — Thu, 05 Jan 2012 07:04:18 GMT

Hi Yudi,

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

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{

border-style: none;

border-color: inherit;

border-width: 0px;

padding: 0px;

outline: 0px;

font-family:Verdana, Arial, Tahoma;

line-height:1;

/*z-index:1;*/

/*font-size:100%;

margin-left: 0px;

margin-right: 0px;

margin-top: 0px;

background-color:transparent;

}*/

Image Menu

yudi — Fri, 23 Dec 2011 04:22:52 GMT

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.

Image Menu

PatriciaGomes — Thu, 22 Dec 2011 09:05:36 GMT

Yudi,

The problem is when I use:

Style.Attributes.Add("href", "file.css");

I lost the others styles when I add a style.

Can I add a "intersoft style" ? It is possible??

Thanks,

Image Menu

yudi — Wed, 21 Dec 2011 22:04:56 GMT

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.

Image Menu

PatriciaGomes — Wed, 21 Dec 2011 14:48:37 GMT

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 :

When I created a empty intersoft solution, the image was ok but I want to apply an existing project.

Can you help me, please ??? What I need to do to show the image ?

Image Menu

yudi — Fri, 16 Dec 2011 16:33:23 GMT

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.

Image Menu

PatriciaGomes — Fri, 16 Dec 2011 15:08:50 GMT

Hi,

I created a WebMenuBar, but the image (arrow) to expanded the menu disappears (show the number "4").

This problem ocurred with a WebTab and I set the ImagesSettings.

How to show this image ?

Thanks,