cancel
Showing results for 
Search instead for 
Did you mean: 

Declarative support - icons

Former Member
0 Kudos

Hi,

I am trying to displaying SAPUI5 icons using declarative support. However, I am unable to see the icon.

<!DOCTYPE html>

<html class="sap-desktop  sapUiMedia-Std-Desktop sapUiTheme-sap_bluecrystal" data-sap-ui-browser="cr39" data-sap-ui-os="win7">

   <head>

      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

      <meta http-equiv="X-UA-Compatible" content="IE=edge">

      <title>Declarative Programming Model - sap.ui.core</title>

      <script

      id="sap-ui-bootstrap"

      data-sap-ui-libs="sap.m, sap.suite.ui.commons,sap.ui.core"

      type="text/javascript"

      src="https://sapui5.hana.ondemand.com/sdk/resources/sap-ui-core.js"

      data-sap-ui-theme="sap_goldreflection"

      data-sap-ui-modules="sap.ui.core.plugin.DeclarativeSupport">

      </script>

   </head>

<body class="sapUiBody">

  <div data-sap-ui-type="sap.ui.core.Icon" data-icon="sap-icon://nav-back"></div>

    <div data-sap-ui-type="sap.m.StandardTile" data-icon="sap-icon://action"></div>     

</body>

</html>

Accepted Solutions (1)

Accepted Solutions (1)

former_member182862
Active Contributor
0 Kudos

HI Senthil

It works ok here

Example

-D

Former Member
0 Kudos

Hi Dennis,

<div data-sap-ui-type="sap.ui.core.Icon" data-icon="sap-icon://nav-back"></div>

This does not work

<div data-sap-ui-type="sap.m.StandardTile" data-icon="sap-icon://action"></div>

This works

I need to access just the SAPUI5 icons in html. I don't need a tile. 

Former Member
0 Kudos

Found the solution

<div data-sap-ui-type="sap.ui.core.Icon" data-src="sap-icon://nav-back"></div>

Answers (0)