Hi Henrique, thx for getting back on this topic. I am not an developer so I am not really sure what you mean by "make sure it is declared in the ui/src/core/lazy_lib/icons_use.js". As far as I understand you need to add new icons in the source code and after that compile it? What I still do not understand is how I map icons menationed in icons_use.js with icon names I need to use in /etc/cloudstack/management/config.json.
For example I use "icon": "read-outlined" in config.json, but in icons_use.js I only find "ReadOutlined". As an user/admin of CS and not being a developer I suggest we need to do better and make it more easier to use icons. I already opened an issue https://github.com/apache/cloudstack/issues/9747 and Rohit already opened a PR https://github.com/apache/cloudstack/pull/9744 Regards, Swen -----Ursprüngliche Nachricht----- Von: Henrique Sato <henriquesato2...@gmail.com> Gesendet: Dienstag, 29. Oktober 2024 21:05 An: users@cloudstack.apache.org Betreff: RE: AW: UI icons Hello, Swen By default, not all ANT design icons are included in ACS. If you want to use an icon but it is not showing up, make sure it is declared in the ui/src/core/lazy_lib/icons_use.js file. If it is not present in the file, simply add it and the icon will be available for use. Best regards, Henrique Sato On 2024/09/30 07:18:19 me...@swen.io wrote: > Hi Rohit, > thank you very much! I still have some questions regarding this. Is > there no > way to see in the code which ant icons are being included? Not all outlined > icons are included, that I already found out. Or is the plan to get > rid of ant icons and move to fontawesome? > > Regards, > Swen > > -----Ursprüngliche Nachricht----- > Von: Rohit Yadav <ro...@shapeblue.com> > Gesendet: Samstag, 28. September 2024 09:44 > An: users@cloudstack.apache.org > Betreff: Re: UI icons > > Hi Swen, > > You're right, for some reason, not all icons as per Ant-design-vue > project are usable either in the section config (UI codebase) or > usable for plugin sections. > > For the docs, since ant-design-vue has made major updates, I would > suggest to look at the specific version of the library used by > CloudStack UI - > https://github.com/apache/cloudstack/blob/4.19/ui/package.json#L43 > (3.2.20 for 4.19 branch) and use the docs for the specific version > which you've found already at this URL: > https://3x.antdv.com/components/icon/ > > Then, unfortunately due to the issue I've described you may need to > hit-and-try from my experience I think only outlined icons work except those > under data & brand icons. > > We also support fort-awesome > (https://github.com/apache/cloudstack/blob/4.19/ui/package.json#L37) > but I found we don't support it for plugins yet. I raised a PR to > address this, you're welcome to try this: > https://github.com/apache/cloudstack/pull/9744 > > > Regards. > > > > > ________________________________ > From: m...@swen.io <me...@swen.io> > Sent: Thursday, September 26, 2024 16:29 > To: users@cloudstack.apache.org <us...@cloudstack.apache.org> > Subject: UI icons > > Hi, > > I have a question regarding used icons in the CS UI. As far as I understand > it uses Ant Icons version 3. https://3x.antdv.com/components/icon/ > > But as far as I see not every icon is available. IS there any way I > see which icons are available? > > > > The use case is that I need to add a custom menu point via plugins section > in config.json. > https://docs.cloudstack.apache.org/en/4.19.1.1/adminguide/ui.html#basic-ui-c > ustomization > > > > Regards, > > Swen > > > >
