[CLOSED] MVC Icon ComboBox

[RCM]

Hi Guys,

Is there an MVC example for the Icon Combobox. I am trying to implement using the method in the sample but with no luck. Please provide a sample or some guidance.

[Daniil]

Hi,

Do you mean the following example?
https://examples1.ext.net/#/Form/ComboBox/IconCombo/

Well, we have no such example. But I'm not sure what exactly you'd like to implement in MVC manner?

Please clarify what exactly problem are you facing?

Do you register icons?

I've just launched the same page in the MVC project - appears to be working correctly.

[RCM]

Hi,

I am not sure how to register the icons in the controller of the page as the ResourceManager is not accessible. How is this done in javascript so i don't need to use page load. I am also using a partial view.

Also is it possible for me to register my own external icons to be displayed in the list. How do i go about doing this?

[Daniil]

Please use:

Ext.net.ResourceMgr.registerIcon(["FlagFr","FlagCa","FlagDe","FlagUs","FlagIt"]);

to register icons client side.

[RCM]

Hi,

Is it possible for me to register my own icons. I don't want to use the icon list within EXT.

[Daniil]

At the end an icon is just a CSS rule.

You can place any CSS rules on a page within

<style type="text/css">
    icons CSS classes here
</style>

A common "icon" CSS rule looks like this:

<style type="text/css">
    .my-icon {
        background-image: url("myIcon.png") !important;
        background-repeat: no-repeat;
    }
</style>

To use your custom icon you should set up the IconCls property.

IconCls="my-icon"

[RCM]

Hi,

Should I be able to register a my icon css class with the resource manager as shown below.

style type="text/css">
    .my-icon {
        background-image: url("myIcon.png") !important;
        background-repeat: no-repeat;
    }
</style>

Ext.net.ResourceMgr.registerIcon(["my-icon"]);

I am trying to register my icon to use in the icon combo box. I am going to do a mock up to show show you what I am doing or if you have a mock you could post here.

[Daniil]

In this case you can use the registerCssClass method.

Example

var myIcon = '.my-icon{background-image:url("myIcon.png") !important;background-repeat:no-repeat !important;}';
Ext.net.ResourceMgr.registerCssClass("my-icon", myIcon);

[RCM]

Hi,

Thanks you, please mark as solved.