FlatIcons Styles CSS 2010v1 to 2025v2 399 in ASP.NET WebForms

FlatIcons Styles CSS 2010v1 to 2025v2 399 in ASP.NET WebForms

Posted by: enrique.pv-ext on 13 October 2026, 6:51 am EST

• 

  enrique.pv-ext

  • Post Options:
  • Link
    Copy

  Posted 13 October 2026, 6:51 am EST

  new ticket for separate concerns to avoid any misunderstandings about “uicons-regular-rounded.css" Styles CSS

  Reference
  
  https://developer.mescius.com/forums/webforms-edition/c1menu-styles-css-2010v1-to-2025v2-399-in-asp-net-webforms

  https://developer.mescius.com/forums/webforms-edition/styles-css-2010v1-to-2025v2-399-in-asp-net-webforms

  → what is IconClass=“fi fi-rr-user” ? dont applies class “fi fi-rr-user” in html generated

  This the class used to render FlatIcons served with “uicons-regular-rounded.css” CDN.

  Is it required /uicons-regular-rounded.css’ ??

  load a css file from https: is SLOW if not network acccess internet in server web.

  <link
      rel='stylesheet'
      href='https://cdn-uicons.flaticon.com/4.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css' />

      <%--
  	Buscamos un theme parecido a sterling/jquery-wijmo.css
  	Jquery ThemeRoller: similar UI Light	
  	Customizarlo: jquery-ui.css
  	Overrides
      --%>
      <link href="/App_Themes/Sep/wijmo-custom/jquery-ui.css" rel="stylesheet" type="text/css" />
      <link href="/App_Themes/Sep/wijmo-custom/c1menu-overrides.css" rel="stylesheet" type="text/css" />
      <link href="/App_Themes/Sep/wijmo-custom/c1gridview-overrides.css" rel="stylesheet" type="text/css" />
      <link href="/App_Themes/Sep/wijmo-custom/c1calendar-overrides.css" rel="stylesheet" type="text/css" />
      <link href="/App_Themes/Sep/wijmo-custom/c1dialog-overrides.css" rel="stylesheet" type="text/css" />
      <link href="/App_Themes/Sep/wijmo-custom/c1treeview-overrides.css" rel="stylesheet" type="text/css" />
  
      <link
      rel='stylesheet'
      href='https://cdn-uicons.flaticon.com/4.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css' />

  is required https://cdn-uicons.flaticon.com/4.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css ?

  timeout in load systesheet ?
  
  download css and add it to project web ?
  
  please, any solution about it ?

  better several css files or one css file ?

   <link href="/App_Themes/Sep/wijmo-custom/jquery-ui.css" rel="stylesheet" type="text/css" />
   <link href="/App_Themes/Sep/wijmo-custom/c1menu-overrides.css" rel="stylesheet" type="text/css" />
   <link href="/App_Themes/Sep/wijmo-custom/c1gridview-overrides.css" rel="stylesheet" type="text/css" />
   <link href="/App_Themes/Sep/wijmo-custom/c1calendar-overrides.css" rel="stylesheet" type="text/css" />
   <link href="/App_Themes/Sep/wijmo-custom/c1dialog-overrides.css" rel="stylesheet" type="text/css" />
   <link href="/App_Themes/Sep/wijmo-custom/c1treeview-overrides.css" rel="stylesheet" type="text/css" />

• 

  uttkarsh.matiyal

  

  • Post Options:
  • Link
    Copy

  Posted 14 October 2026, 12:29 am EST

  Hello Enrique,

  The uicons-regular-rounded.css file is not part of ComponentOne. It is a third-party Flaticon stylesheet, and it is only needed if you use its classes, such as “fi fi-rr-user”, in your pages.

  Saving only the CSS file is not enough to avoid the CDN. Inside the CSS, the @font-face rule loads the icon fonts (.woff2, .woff and .eot) from the same CDN with full https URLs. To host everything locally:

  • Download the CSS file and the font files from the webfonts folder of the same CDN path (for example, uicons-regular-rounded.woff2 and uicons-regular-rounded.woff).
  • Add them to your WebForms project, for example CSS in a css folder and fonts in a fonts folder.
  • In the CSS, change the url() values in @font-face to point to your local font files, for example url(“…/fonts/uicons-regular-rounded.woff2”).
  • Point your link tag to the local CSS file.

  After this, the page no longer needs internet access for the icons.

  About using several CSS files or one: it depends on your project. Separate files are easier to debug and modify. If the total size is small and you prefer simplicity, a single combined file also works, and it means fewer requests to the server.

  Regards,
  
  Uttkarsh