SAPUI5 Shell Remove Items

[Former Member]

Hello,

As my SAPUI5 try, I wanted to remove PaletteArea , PaneBarRight and Workset Bar also from shell but couldn't succeeded. So can you give me some hint about this I searched everywhere but didn't do that.

If you want to see what I need you can observe from attached files

Thank you,

Ogulcan G.

[saivellanki · Accepted solution]

Hi Ogulcan,

If want to remove it onload, try this: JS Bin - Collaborative JavaScript Debugging

If you want to be dynamic, then try this: JS Bin - Collaborative JavaScript Debugging

Regards,

Sai Vellanki.

[Former Member · Accepted solution]

Hello Sai,

Thank you for your answer but when I create css file and paste your code it doesnt effect my project. On second link I copied the code ;

"

$('#oShell-wBar').css("display","none");

  $('#oShell-paneBar').css("display","none");

  $('#oShell-tp').css("display","none");

"

it doesnt work too.

What can i do please help me for this 😕

[karthikarjun · Accepted solution]

Hi Ogulcan,

It is manual Id:

  $('#oShell-wBar').css("display","none");

  $('#oShell-paneBar').css("display","none");

  $('#oShell-tp').css("display","none");

instead of "oShell" you should use your id.

eg:

new sap.ui.ux3.Shell("MyShell");

$('#MyShell-wBar').css("display","none");

  $('#MyShell-paneBar').css("display","none");

  $('#MyShell-tp').css("display","none");

Thanks,

Karthik A

[Former Member]

Thank you for everything you guys its working right now!!!!

And do you know how can i do full screen to canvas ? what is the css code for this.

Thank you,

[Former Member]

hi,

Code to make canvas occupy full page :

var canvas = document.getElementById("canvas");

/* Rresize the canvas to occupy the full page,
  by getting the widow width and height and setting it to canvas*/

canvas.width  = window.innerWidth;

canvas.height = window.innerHeight;

//Done! Enjoy full page canvas!

Code to make canvas element to occupy full-screen :

// Get the canvas element form the page

var canvas = document.queryselector('canvas');

function fullscreen(){

   var el = document.getElementById('canvas');

   if(el.webkitRequestFullScreen) {

  el.webkitRequestFullScreen();

   }

   else {

  el.mozRequestFullScreen();

   }  

}

canvas.addEventListener("click",fullscreen)

[Former Member]

Hi Mr. Kumar,

Firstly thank you for answering. But I need some information about that.

Can I use this code for Shell Canvas? Actually right now my shell items are removed but my text fields and labels are still on the middle of the page. For ex:

But I want this page like this:

I think if its possible I can maximize my canvas it can be works but if there are more possiblities I can try it if you know.

Thank you for advices.

Ogulcan G.

[Former Member]

hi,

i think the above code may work if else check dom elements! i think all your PaletteArea , PaneBarRight and Workset Bar will appear in dom since uve made display as none, but not removed from dom!

[Former Member]

hi,

Its just a attempt. U just inspect element, inject manual css by making display:none, check if works. if so write css script

[Former Member]

Hi,

Can u send a sample code of html so that i can check if any error ur making