cancel
Showing results for 
Search instead for 
Did you mean: 

Hello World comes blank

Former Member
0 Kudos

My HAN version on cloud share

SAP HANA Developer Edition SPS6

my hteml code

<!DOCTYPE HTML>

<html>

<head>

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

<title>SAP HANA Native Development Workshop - Hello World</title>

<script id="sap-ui-bootstrap" type="text/javascript">

src="/sap/ui5/1/resources/sap-ui-core.js"

data-sap-ui-libs="sap.ui.ux3,sap.ui.commons"

data-sap-ui-theme="sap_goldreflection">

</script>

<script type="text/javascript">

var mybutton = new sap.ui.commons.Button("btn");

mybutton.setText("Hello World");

mybutton.attachpress(function(){$("#btn").fadeout();});

mybutton.placeAt("content");

</script>


</head>

<body class="sapUiBody" role="application">

<div id="content"></div>

</body>

</html>

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

Two things to be updated

1-->

<script id="sap-ui-bootstrap" type="text/javascript">

to

<script id="sap-ui-bootstrap" type="text/javascript"

no closing tag needed on that line

2 --> mybutton.attachpress  to mybutton.attachPress


Here is the code I am able to run  locally..

<!DOCTYPE HTML><html>

<head>

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

<title>SAP HANA Native Development Workshop - Hello World</title>

<script id="sap-ui-bootstrap" type="text/javascript"

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

data-sap-ui-theme="sap_goldreflection"

data-sap-ui-libs="sap.ui.commons"

>

</script>

<script type="text/javascript">

var mybutton = new sap.ui.commons.Button("btn");

mybutton.setText("Hello World");

mybutton.attachPress(function(){$("#btn").fadeout()});

mybutton.placeAt("content");

</script>

</head>

<body class="sapUiBody">

<div id="content"></div>

</body>

</html>



Former Member
0 Kudos

Dear Raja

Thanks for your reply.

I copy pasted your code.

In Internet explorer It is still coming blank.

In Google chrome it is coming only issue is the button press is not fading on click.

Thanks and Regards

Arun Kumar Menon

Former Member
0 Kudos

please update to

  mybutton.attachPress(function(){$("#btn").fadeOut(1000)});

or

  mybutton.attachPress(function(){$("#btn").fadeOut("slow")});

to see fadeOut effect slowly

make sure that IE version is 9.0 and above

Former Member
0 Kudos

Arun,

did you try after updating code, If it is coming OK, please update question as answered

Answers (0)