JSFiddle - React, Tailwind, and code Playground

by Nagarjun NM

HTML

<script src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxQTEhQUExQWFRUXGBgbGRgYGRwfGxobHx0bHB8fHxwfHCghGx0lHBsaITEhJSksLi4uGh8zODMsNygtLisBCgoKDg0OGxAQGywmHyYsLC80NC4sLCw3NCw0LywtNTcsLSwsLCwsLC8sLCwsLCwsLCwsLC8sLCwsLCwsLCwsLP/AABEIAKgBLAMBIgACEQEDEQH/"></script>
<script src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQoICr5cVRvnV6r4QPMzNqU9SIswY5-iNtw30jv_AesCZjs5eag9Q"></script>
<!DOCTYPE HTML>
<script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
				id="sap-ui-bootstrap"
				data-sap-ui-libs="sap.ui.commons,sap.m,sap.ui.table"
				data-sap-ui-theme="sap_bluecrystal">
		</script>
		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

		<script>
				sap.ui.localResources("learning");
				var view = sap.ui.view({id:"idfirst1", viewName:"learning.first", type:sap.ui.core.mvc.ViewType.JS});
				view.placeAt("content");
		</script>

	</head>
	<body class="sapUiBody" role="application">
		<div id="content"></div>
	</body>
</html>

CSS

.label{
	background:url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQoICr5cVRvnV6r4QPMzNqU9SIswY5-iNtw30jv_AesCZjs5eag9Q);//the image you want to place present inside the image folder of the code  
	background-size:280px;
	background-repeat:...

JavaScript

var oTabStrip1 = new sap.ui.commons.TabStrip("TabStrip1");
		oTabStrip1.setWidth("400px");
		oTabStrip1.setHeight("200px");
		oTabStrip1.attachClose( function (oEvent) {
			var oTabStrip = oEvent.oSource;
			oTabStrip.closeTab(oEvent.getParameter("index"));
		});
		
		oTA = new sap.ui.commons.TextArea("TA-Text", {tooltip: 'Remarks', editable: false, wrapping: sap.ui.core.Wrapping.Off,
			value: 'Hi SAP',
			width: '100%', height: '100%' }).addStyleClass("label");

		oTab3 = new sap.ui.commons.Tab("tab3", {title: new sap.ui.core.Title("Title3",{text:"Tab1"}), closable: true, content: [oTA]});
		oTabStrip1.addTab(oTab3);
		//oTab3.$().css('background:url(/images/Lighthouse.jpg)');
		//oTab3.$().css()
		oTA1 = new sap.ui.commons.TextArea("TA-Text1", {tooltip: 'Remarks', editable: false, wrapping: sap.ui.core.Wrapping.Off,
			value: 'Hi SCN',
			width: '100%', height: '100%' }).addStyleClass("label1");

		oTab4 = new sap.ui.commons.Tab("tab4", {title: new sap.ui.core.Title("Title4",{text:"Tab2"}), closable: true, content: [oTA1]});
		oTabStrip1.addTab(oTab4);

oTabStrip1.placeAt("content");