<mvc:View
  controllerName="sap.ui.core.sample.ThemeCustomClasses.ThemeCustomClasses"
  xmlns:l="sap.ui.layout"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m"
  xmlns:core="sap.ui.core">
  	<MessageStrip
		text="These css classes are only a subset of the less theming parameters. Be aware that they can not be applied to all use cases. If possible make use of the less theming parameters. "
		type="Warning"
		showIcon="true"
		class="sapUiMediumMarginBottom">
	</MessageStrip>
	<Table id="idProductsTable"
		items="{/Styles}">
      <columns>
      	<Column
        	width="22em"
        	hAlign="Left">
        	<Text text="Style Class Name" />
      	</Column>
      	<Column
        	demandPopin="true"
        	hAlign="Center">
        	<Text text="Sample" />
      	</Column>
      	<Column
      		minScreenWidth="Tablet"
      		width="22em"
      		hAlign="Right">
      		<Text text="Css String"/>
      	</Column>
      </columns>
	<items>
		<ColumnListItem>
		<cells>
			<Text text="{styleClass}"/>
			<core:HTML content="&lt;div class=&quot;{styleClass} sampling&quot;&gt; Sample &lt;/div&gt;"></core:HTML>
			<Text text="{stylingString}" class=""/>
		</cells>
		</ColumnListItem>
	</items>
   </Table>
</mvc:View>
