MenuBar in sapui5

Hi All,
I have been trying to develop a simple page with SAPUI5 controls. I have created a Menu Bar and Menu Bar Items with the following kind of code.
var oMenuBar = new sap.ui.commons.MenuBar("menuBar");
var oMenuBarItem1 = new sap.ui.commons.MenuItem("menuBar-item-1",{text:"Home", enabled: true});
oMenuBar.addItem(oMenuBarItem1);
A Menu called "Home" is created. Now if I click on this Menu, it should go to another page. What methods are used to add hyper links to menu items? Can you suggest a sample code?
Thanks & Regards,
Saranya

Try this:
var oMenuBar = new sap.ui.commons.MenuBar("menuBar");
var oMenuBarItem1 = new sap.ui.commons.MenuItem("menuBar-item-1",{text:"Root"});
var oSubMenu1 = new sap.ui.commons.Menu("menuBar-submenu1");
oMenuBarItem1.setSubmenu(oSubMenu1);
var oSubMenuItem1 = new sap.ui.commons.MenuItem("menuBar-subitem-1",{text:"Open Google"});
oSubMenuItem1.attachSelect(function navigateEntireToUrl(evt) {
document.location = 'http://www.google.com';
oSubMenu1.addItem(oSubMenuItem1);
oMenuBar.addItem(oMenuBarItem1);
Kind regards,

Similar Messages

Can you show applications open directly in menubar instead of dock?

Hi there
I want to disable dock totally
But I want to get the functionality in my menu bar
So i want to show icons of the apps which are open (or at least favourite apps), directly on the menubar
I don't want them in a folder, I already have an app which does that called xMenu
I want the actual icons of the Favourite/IfPossible:OPEN apps to directly appear in menubar
Is there anything that can get some/all of this functionality?

Well, there probably is; however, a word of caution: the Menu bar is controlled by the System and it may have undesirable results changing system behavior.
What is it about the dock that bothers you?
I have all the apps I use on a regular basis in the dock - not a folder, mind you - alias icons to the apps themselves which all open with one click. I rarely use the system supplied Applications folder in the dock. At last count, I had almost 60 app icons in the dock, which is minimized with significant magnification - I have them organized so I can usually hit the right one without having to search. You can also check "automatically show and hide the Dock" so it'll only show itself when moving the cursor over the area.

The menubar will not display in full screen

Hi.
I have a strange problem in fullscreen mode, on my Macbook pro 15"
I LOVE fullscreen, and infact the next macbook I will get is the 11" air because of its size and because full screen is so nice to work with.
But I have a strange problem which I can't find a solution for.
Suddenly the menubar will not display it self when I move the mouse to the top of the screen. The only way I can access the menu bar is by exiting full screen (ctrl + Cmd + F) and the toggel it back on after I have used the menubar
This actually makes fullscreen mode useless and its driving me nuts, because this should not happen on Apple software. I would expect these sorts of behaviour on windows but not in osx.
Anybody have a hint about what to do?

https://discussions.apple.com/thread/3881124?start=0&tstart=0     <<<<< GO THERE
Try this: make a temporary, backup copy (if you don't already have a backup copy) of the library and try the following:
1 - delete the iPhoto preference file, com.apple.iPhoto.plist, that resides in your
     User/Home()/Library/ Preferences folder.
2 - delete iPhoto's cache file, Cache.db, that is located in your
     User/Home()/Library/Caches/com.apple.iPhoto folder.
Click to view full size
3 - launch iPhoto and try again.
NOTE: If you're moved your library from its default location in your Home/Pictures folder you will have to point iPhoto to its new location when you next open iPhoto by holding down the Option key when launching iPhoto. You'll also have to reset the iPhoto's various preferences.

Error when using MII with SAPUI5

I get the following error - "Unable to get value of the property 'getElementsByTagName':object is null or undefined
<!DOCTYPE HTML>
<HTML>
<HEAD>
<meta name="description" content="UI5 table example with local JSON model" />
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<META http-equiv="X-UA-Compatible" content="IE=edge">
<META http-equiv='cache-control' content='no-cache'>
<META http-equiv='expires' content='0'>
<META http-equiv='pragma' content='no-cache'>
<TITLE>SAPUI5 Projects Status - Applications</TITLE>
<SCRIPT type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid"
    type="text/javascript" src="/sapui5/resources/sap-ui-core.js" data-sap-ui-theme="sap_goldreflection"
                  data-sap-ui-libs="sap.ui.core,sap.ui.commons,sap.ui.commons,sap.ui.table">
</SCRIPT>
<script>
var xmlHttp = new XMLHttpRequest();
var xmlDOM;
xmlHttp.open("GET","ProjectsStatus/Transactions/ProjectsStatus", false);
xmlHttp.send();
xmlDOM = xmlHttp.responseXML.documentElement;
var opElement = xmlDOM.getElementsByTagName("Row")[0].firstChild;    <<<<<< I get error here - 'getElementsByTagName':object is null or undefined
var aData = eval(opElement.firstChild.data);
/* Define the table, with toolbar controls, update button */
var oTable = new sap.ui.table.DataTable("table", {
editable : true,
visibleRowCount :5
oTable.setSelectionMode(sap.ui.table.SelectionMode.Multi);
oTable.setToolbar(new sap.ui.commons.Toolbar({items: [
new sap.ui.commons.Button({text: "Update Data", press: updateData}),
new sap.ui.commons.Label({text: "First Visible Row"}),
new sap.ui.commons.TextField({tooltip: "First Visible Row", width: "30px", change: function(oEvent) { oTable.setFirstVisibleRow(parseInt(oEvent.getParameter("newValue"))); }}),
new sap.ui.commons.Label({text: "Visible Row Count"}),
new sap.ui.commons.TextField({tooltip: "Visible Row Count", width: "30px", change: function(oEvent) { oTable.setVisibleRowCount(parseInt(oEvent.getParameter("newValue"))); }})
/* Define the table columns */
var oControl = new sap.ui.commons.TextView({text:"{Applications}"}); // short binding notation
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Applications"}), template: oControl, sortProperty: "lastName", filterProperty: "lastName", width: "100px"}));
oControl = new sap.ui.commons.TextField().bindProperty("value", "PercentComplete"); // more verbose binding notationt
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "PercentComplete"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
oControl = new sap.ui.commons.TextField().bindProperty("value", "Date_Due"); // more verbose binding notationt
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Date_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
oControl = new sap.ui.commons.TextField().bindProperty("value", "Testing_Due"); // more verbose binding notationt
oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Testing_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
/* Define the JSON model */
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({modelData: aData});
/* Connect the data table to the JSON model */
oTable.setModel(oModel);
oTable.bindRows("modelData");
oTable.placeAt("content");
/* Function to save the updated data in the grid.*/
function updateData() {
/* get the selected row context and using the context read the required values from the selected row*/
var selRowContext = oTable.getContextByIndex(oTable.getSelectedIndex());
var selectedId = oModel.getProperty("giid", selRowContext);
var selectedApp = oModel.getProperty("application", selRowContext);
var selectedDate = oModel.getProperty("datedue", selRowContext);
document.icmd_common.setQueryTemplate("ProjectsStatus/MDO_Transactions/Projects_MDO_Select");
var commCommandQueryTemplate = document.icmd_common.getQueryObject();
commCommandQueryTemplate.setParam(1, selectedApplications);
commCommandQueryTemplate.setParam(2,selectedPercentComplete);
commCommandQueryTemplate.setParam(3, selectedDate_Due);
commCommandQueryTemplate.setParam(4, selectedTesting_Due);
document.icmd_common.executeCommand();
/* Display a success message */
sap.ui.commons.MessageBox.alert("Actual quantity updated successfully."); }
</script>
</head>
<body class='sapUiBody'>
<h><b>Applications</b></h><br><br>
<table style="width:100%">
<div id='content1'></div>
</table> <br><br><br>
</body>
<body class='sapUiBody'>
<h><b>Applications Changes</b></h><br><br>
<table style="width:100%">
<div id='content2'></div>
</table><br><br><br>
</body>
<body class='sapUiBody'>
<h><b>Infrastructure Changes</b></h><br><br>
<table style="width:100%">
<div id='content3'></div>
</table><br><br><br>
</body>
</html>

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <meta name="description" content="UI5 table example with local JSON model" />
    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
    <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
    <META http-equiv="X-UA-Compatible" content="IE=edge">
    <META http-equiv='cache-control' content='no-cache'>
    <META http-equiv='expires' content='0'>
    <META http-equiv='pragma' content='no-cache'>
    <TITLE>SAPUI5 Projects Status - Applications</TITLE>
<SCRIPT type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid"
             type="text/javascript" src="/sapui5/resources/sap-ui-core.js" data-sap-ui-theme="sap_goldreflection"
                        data-sap-ui-libs="sap.ui.core,sap.ui.commons,sap.ui.commons,sap.ui.table">
    </SCRIPT>
    <script>
        function PageLoad()
        GetMDoData();
    // create the DataTable control
        var oTable = new sap.ui.table.Table({editable:true});
        // define the Table columns
        var oControl = new sap.ui.commons.TextView({text:"{Applications}"}); // short binding notation
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Applications"}), template: oControl, sortProperty: "lastName", filterProperty: "lastName", width: "100px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "PercentComplete"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "PercentComplete"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "Date_Due"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Date_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "Testing_Due"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Testing_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        // create some local data
        var aData = [
            {Applications: "WVL BOD 9212", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/23/2014" },
            {Applications: "WVL BOD 9211", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/24/2014" },
            {Applications: "WVL BOD 3303", PercentComplete: "75", Date_Due: "6/16/2016", Testing_Due: "6/25/2014" },
            {Applications: "ETW BOD 3304", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/26/2014" },
            {Applications: "CLE BOD 1902", PercentComplete: "75", Date_Due: "6/16/2014", Testing_Due: "6/27/2014" },
            {Applications: "ISO HAZ", PercentComplete: "80", Date_Due: "6/1/2014", Testing_Due: "6/8/2014" },
            {Applications: "ISO CWO", PercentComplete: "80", Date_Due: "6/01/2014", Testing_Due: "6/8/2014" },
            {Applications: "WVL 3 Stream ", PercentComplete: "60", Date_Due: "6/29/2014", Testing_Due: "" },
            {Applications: "ISO Integration", PercentComplete: "10", Date_Due: "6/1/2014", Testing_Due: "6/8/2014" },
            {Applications: "WVL 7 QM Charts", PercentComplete: "15", Date_Due: "6/15/2014", Testing_Due: "" },
            {Applications: "SCB PCO", PercentComplete: "100", Date_Due: "?", Testing_Due: "" },
            {Applications: "SCB Top Chart ", PercentComplete: "10", Date_Due: "5/20/2014", Testing_Due: "" },
            {Applications: "Project Status", PercentComplete: "25", Date_Due: "7/25/2014", Testing_Due: "" },
            {Applications: "WVL LOI", PercentComplete: "100", Date_Due: "4/20/2014", Testing_Due: ""},
            {Applications: "DSS (HTML5)", PercentComplete: "100", Date_Due: "3/31/2013", Testing_Due: ""},
            {Applications: "ETW 3304 BOD Pilot",PercentComplete: "100", Date_Due: "11/16/2013", Testing_Due: ""},
            {Applications: "HTMl 5 Table Tools",PercentComplete: "100", Date_Due: "2/12/2014", Testing_Due: ""},
            {Applications: "ISO JAX",PercentComplete: "100", Date_Due: "7/31/2013", Testing_Due: ""},
            {Applications: "ISO FEN",PercentComplete: "100", Date_Due: "1/10/2014", Testing_Due: ""},
            {Applications: "WVL QM Display",PercentComplete: "100", Date_Due: "2/12/2014", Testing_Due: ""},
    /* =================================== */
    /* Obtain Json object filled with Data*                             <<<<<< This is where it shows "no data" in the table
    /* =================================== */
            var xmlHttp = new XMLHttpRequest();
            var xmlDom;
           xmlHttp.open( "GET", "/XMII/Runner?Transaction=ProjectsStatus/Transactions/ProjectsStatus&OutputParameter=JSONData&Content-Type=text/xml", false );
            xmlHttp.send();
           xmlDom= xmlHttp.responseXML;
// xmlDom = xmlHttp.responseText;
        // create a JSONModel, fill in the data and bind the Table to this model
//      var oModel = new sap.ui.model.json.JSONModel();
        var oModel = new sap.ui.model.xml.XMLModel();
        oModel.setData({modelData: xmlDom});
        oModel.setXML(xmlDom);
        oTable.setModel(oModel);
        oTable.bindRows("/element"); //where element is the node that represents that data which forms each row of the table
        // finally place the Table into the UI
        oTable.placeAt("content1");
    </script>
        <script>
    // create the DataTable control
        var oTable = new sap.ui.table.Table({editable:true});
        // define the Table columns
        var oControl = new sap.ui.commons.TextView({text:"{Applications}"}); // short binding notation
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Applications"}), template: oControl, sortProperty: "lastName", filterProperty: "lastName", width: "100px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "PercentComplete"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "PercentComplete"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "Date_Due"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Date_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "Testing_Due"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Testing_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        // create some local data
        var aData = [
            {Applications: "ISO IE11 BUG FIXES", PercentComplete: "0", Date_Due: "6/1/2014", Testing_Due: "" },
            {Applications: "ISO Fernley TimeOut", PercentComplete: "0", Date_Due: "6/1/2014", Testing_Due: "" },
            {Applications: "IE 11 Testing", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "IE 11 Testing_ISO Application", PercentComplete: "100", Date_Due: "5/16/2014", Testing_Due: "5/16/214" },
            {Applications: "IE 11 Testing_ISO DSS", PercentComplete: "100", Date_Due: "5/16/2014", Testing_Due: "5/16/214" },
            {Applications: "IE 11 Testing_BOD/EPAmericas", PercentComplete: "100", Date_Due: "5/16/2014", Testing_Due: "5/16/214" },
            {Applications: "IE 11 Testing_TOOLS", PercentComplete: "100", Date_Due: "5/16/2014", Testing_Due: "5/16/214" },
            {Applications: "IE 11 Testing_STATUS", PercentComplete: "100", Date_Due: "5/16/2014", Testing_Due: "5/16/214" },
        // create a JSONModel, fill in the data and bind the Table to this model
        var oModel = new sap.ui.model.json.JSONModel();
        oModel.setData({modelData: aData});
        oTable.setModel(oModel);
        oTable.bindRows("/modelData");
        // finally place the Table into the UI
        oTable.placeAt("content2");
    </script>
    <script>
    // create the DataTable control
        var oTable = new sap.ui.table.Table({editable:true});
        // define the Table columns
        var oControl = new sap.ui.commons.TextView({text:"{Applications}"}); // short binding notation
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Applications"}), template: oControl, sortProperty: "lastName", filterProperty: "lastName", width: "100px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "PercentComplete"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "PercentComplete"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "Date_Due"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Date_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        oControl = new sap.ui.commons.TextField().bindProperty("value", "Testing_Due"); // more verbose binding notationt
        oTable.addColumn(new sap.ui.table.Column({label: new sap.ui.commons.Label({text: "Testing_Due"}), template: oControl, sortProperty: "name", filterProperty: "name", width: "80px"}));
        // create some local data
        var aData = [
            {Applications: "CIMX", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMX - Connections", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMX - NWDI", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMX - Security", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMX - Integration", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMID", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMID - Connections", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMID - NWDI", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
                                    {Applications: "CIMID - Security", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMID - Integration", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMIP", PercentComplete: "99.5", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMIP - Connections", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMIP - NWDI", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMIP - Security", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIMIP - Integration", PercentComplete: "98", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM1", PercentComplete: "99.5", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM1 - Connections", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM1 - NWDI", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM1 - Security", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM1 - Integration", PercentComplete: "98", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM2", PercentComplete: "85", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM2 - Connections", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM2 - NWDI", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM2 - Security", PercentComplete: "90", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM2 - Integration", PercentComplete: "50", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM3", PercentComplete: "85", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM3 - Connections", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM3 - NWDI", PercentComplete: "100", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM3 - Security", PercentComplete: "90", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM3 - Integration", PercentComplete: "50", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM4", PercentComplete: "85", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM4 - Connections", PercentComplete: "0", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM4 - NWDI", PercentComplete: "0", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM4 - Security", PercentComplete: "0", Date_Due: "", Testing_Due: "" },
            {Applications: "CIM4 - Integration", PercentComplete: "0", Date_Due: "", Testing_Due: "" },
        // create a JSONModel, fill in the data and bind the Table to this model
        var oModel = new sap.ui.model.json.JSONModel();
        oModel.setData({modelData: aData});
        oTable.setModel(oModel);
        oTable.bindRows("/modelData");
        // finally place the Table into the UI
        oTable.placeAt("content3");
    </script>
    </head>
    <body class='sapUiBody'>
<h><b>Applications</b></h><br><br>
<table style="width:100%">
        <div id='content1'></div>
</table> <br><br><br>
    </body>
    <body class='sapUiBody'>
<h><b>Applications Changes</b></h><br><br>
<table style="width:100%">
        <div id='content2'></div>
</table><br><br><br>
    </body>
    <body class='sapUiBody'>
<h><b>Infrastructure Changes</b></h><br><br>
<table style="width:100%">
        <div id='content3'></div>
</table><br><br><br>
    </body>
</html>

Problem with the MenuBar and how can i delete a own component out of the storage

Hello,
I opened this thread in the category "Flex Builder 2", but
under this category my questions fit better.
I have a problem with the MenuBar and a question to delete a
component out of storage.
1. We have implemented the MenuBar, which was filled
dynamically with XML data.
Sporadically it will appear following fault, if we "mousover"
the root layer.
RangeError: Error #2006: Der angegebene Index liegt
außerhalb des zulässigen Bereichs.
at flash.display::DisplayObjectContainer/addChildAt()
at mx.managers::SystemManager/
http://www.adobe.com/2006/flex/mx/internal::rawChildren_addChildAt()
at mx.managers::SystemManager/addChild()
at mx.managers::PopUpManager$/addPopUp()
at mx.controls::Menu/show()
at mx.controls::MenuBar/::showMenu()
at mx.controls::MenuBar/::mouseOverHandler()
Here a abrid ged version of our XML to create the MenuBar:
<Menuebar>
<menu label="Artikel">
<menu label="Artikel anlegen" data="new_article" />
<menu label="Artikel bearbeiten" data="edit_article" />
<menu label="Verpackung">
<menu label="Verpackung anlegen" data="new_package" />
<menu label="Verpackung bearbeiten" data="edit_package"
/>
</menu>
<menu label="Materialgruppe">
<menu label="Materialgruppe anlegen"
data="new_materialgroup" />
<menu label="Materialgruppe bearbeiten"
data="edit_materialgroup" />
</menu>
</menu>
</Menuebar>
It is a well-formed XML.
2. Delete a component out of storage
We have some own components (basically forms), which will be
created and shown by an construct e.g.
var myComponent : T_Component = new T_Component ;
this.addChild(myComponent)
Some of our forms will be created in an popup. On every call
of the popup, we lost 5 mb or more, all childs on the windows will
be removed by formname.removeAllChild();
What cann we do, that the garbage collector will dispose this
objects.
Is there a way to show all objects with references (NOT
NULL)?
I have read in the Flex Help, that
this.removeChild(myComponent) not delete the form and/or object out
of the storage.
Rather the object must be destroyed.
It is sufficient to call delete(myComponent) about remove
this object out of the storage as the case may be that the
garbage-collector remove this object at any time?
Or how can I destroy a component correctly. What happens with
the widgets on this component e.g. input fields or datagrids?
Are they also being deleted?
Thanks for your help.
Matze

If you mena the "photo Library" then you cannot delete it.
This is how iphone handles photos. There are not two copies. There a re simply two places from which to access the same photos. ALL photos synced to iphone can be accessed via Photo Library. Those same pics can be accessed via their individual folder.

How can I open a url in oracle form 9i without toolbar and menubar

I want to create a button in my form. When I click on the button it should open url without toolbar and menubar.
I tried with web.show_document. but I am not able to remove the toolbar and menubar. plus not able to specify width and height. Any way to achieve this.
Thanks,
Mansoor

Dear Frank,
I have done as follows
created a form with a button, and in my button pressed event I wrote
WEB.SHOW_DOCUMENT('javascript:openMyURL("http://192.168.1.34/HELP/ADMF0005.html");', '_Self');
and in my formsweb.cfg I have the following
HTMLbeforeForm=<script> function OpenMyURL(page){window.open(page,"myURL","width=700,width=400,top=0,left=0,toolbar=no,menubar=no"); } </script>
When I click on the button it is coming with toolbar , etc as well as no page found is coming with the following in the address bar.
javascript:openMyURL("http://192.168.1.34/HELP/ADMF0005.html");
My html view source comes as below for the form
<HEAD><TITLE>Oracle9iAS Forms Services</TITLE></HEAD>
<BODY >
<script> function OpenMyURL(page){window.open(page,"myURL","width=700,width=400,top=0,left=0,toolbar=no,menubar=no"); } </script>

<OBJECT classid="clsid:CAFECAFE-0013-0001-0009-ABCDEFABCDEF"
codebase="/forms90/jinitiator/jinit.exe#Version=1,3,1,9"
WIDTH="1000"
HEIGHT="660"
HSPACE="0"
VSPACE="0">
<PARAM NAME="TYPE" VALUE="application/x-jinit-applet;version=1.3.1.9">
<PARAM NAME="CODEBASE" VALUE="/forms90/java">
<PARAM NAME="CODE" VALUE="oracle.forms.engine.Main" >
I am using Forms [32 Bit] Version 9.0.2.7.0

Problems to add a background-image to the widget Spry MenuBar!

With DreamweaverCS4 version 10.0 Build 4117, (italian language) I have tried to add a Spry MenuBar to the one website page.
But the problem is that I haven't understood where add my property "background-image": url(../immagini/Menu_Button_01.gif).
In the Application Page of Dreamweaver I have this screenshot:
But in the Preview Window of InternetExplorer 7 I have this strange behavior:
The "Menu_Button_01.gif" are a rounded square button made with PhotoshopCS4 and have a transparent background.
In the IE7 MenuBar doesn't appears as expected, without the transparent background!
1) How can I do to show my "Menu_Button_01.gif" image as transparent background in the MenuBar?
2) What is the correct CSS Style Rule to apply the "background-image" property?
(Example: "ul.MenuBarHorizontal li"? Or "ul.MenuBarHorizontal a"? )
3) Should I also apply the property: "background-color:transparent"? Where? What is the specific CSS Style Rule?
I have uploaded my little local WebSite to Rapidshare (100KB):
http://rapidshare.com/files/370735082/Test_Spry.zip.html
Please download it to inspect my problem.
Please response me!
Horsepower0171.

For a starter, you should not put your background style rules in the following. The accompanying descriptions will tell you this.
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 116px;
    float: left;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 116px;
    position: absolute;
    left: -1000em;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
Then when you apply style rules to
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
this will be overridden by the following rules. They replace your image with an arrow image.
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
There are one of two solutions
If you do not want and arrow, simply set background to none in the above four instances.
If you do want an arrow, include a down arrow image in a second Menu_Button_01.gif image called Menu_Button_01_DownArrow.gif or similar as well as a third one for your right arrow image.
I hope this helps.
Ben

Disable menubar and location from popup dialog in new browser window

How to hide the toolbar, menubar, location and status for the popup window (not inline, but new browser window style) using ADF 11g?
Just like HTML javascript:
window.open ('page.jsp', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')In ADF 11g, I have a jspx refered by a taskflow action with "dialog:" prefix, and I call it from a button like this:
<af:commandToolbarButton text="Add"
id="ctbAdd"
action="dialog:create"
useWindow="true"
windowEmbedStyle="window"
windowModalityType="applicationModal"
windowHeight="400"
windowWidth="600"
/>How to control the toolbar, menubar, location and status for the popup window?
Thanks in advanced,
Samson Fu

I tried it but not success. My code as below:
    public void handleAddLaunch(LaunchEvent launchEvent) {
        launchEvent.getWindowProperties().put("toolbar", "no");
        launchEvent.getWindowProperties().put("menubar", "no");
        launchEvent.getWindowProperties().put("scrollbars", "no");
        launchEvent.getWindowProperties().put("resizable", "no");
        launchEvent.getWindowProperties().put("location", "no");
        launchEvent.getWindowProperties().put("status", "no");The popup windows contains all the toolbar, menubar, location...
Is there any example or reference for the keys and values for getWindowProperties()?
Regards,
Samson Fu

SAPUI5 Application is not working in EP 7.01

Hi All,
I have SAPUI5 application developed and hosted in SAP ABAP Web Application server ( GW Server), this app is already integrated with SAP Enterprise Portal 7.01 ( SP15), It is working fine without any issue in Chrome Browser.
But NOT in IE11 from only Portal.
Note: the same application is working fine in IE11 by using direct app link from ABAP WAS, the problem is only when the UI5 application is called from Portal iview ( SAPUI5 iview) in IE11.
Please suggest what could be the reason behind this. is there any other way to run Ui5 application from Portal 7.01 in IE11.
Thanks
Sathya

Thanks Santhosh.
I am going through the First help link, I have already set the Property(Standard mode - while Launching Portal in new window) from Portal iview, and "Handover Portal stylesheet" to 'NO'
I hv already gone the remaining Forum threads and Notes as well, but i did not get exact any other help to fix this issue.
I am getting different Error now - Unable to get property 'addDelegate' of undefined or null reference
Pls. let me know if you can help me.
Thanks
Sathya

SAPUI5 in SAP MII 14.0 - error on running index.html

Dear All,
I am working on SAP MII 14.0.
I am trying to run a sample example on SAPUI5 implementation in SAP MII 14.0 taken from link: http://scn.sap.com/community/manufacturing/mii/blog/2013/03/21/making-engaging-ui-on-sap-mii-with-sapui5
But I got an Error when I tested index.html page !!
Problem Description:
My index.html code is :
<!DOCTYPE HTML>
<html><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="/sapui5/resources/sap-ui-core.js"
                      id="sap-ui-bootstrap“ type="text/javascript"
                      data-sap-ui-libs="sap.ui.commons,sap.ui.table,sap.viz, sap.ui.ux3"
                      data-sap-ui-theme="sap_goldreflection" >
</script>
</head>
      <body class="sapUiBody" role="application">
      <div id='plantkpiDiv'></div>
<script>
alert("1"); // this comes
//register the application
jQuery.sap.registerModulePath("kpidashboard", "/XMII/CM/547555/SAPUI5/kpidashboard/webcontent");
alert("2");   // this comes
//instantiate the view
var plantView = sap.ui.view({id:"idPlantView", viewName:"kpidashboard.PlantView", type:sap.ui.core.mvc.ViewType.JS});
   //add the view to the div
alert("3"); // this does not come
plantView.placeAt("plantkpiDiv");
   </script>
       </body>
</html>
Folder Structure in Workbench is as follows: /XMII/CM/547555/SAPUI5/kpidashboard/webcontent
Inside webcontent I have created three files i.e. PlantView.controller.js , PlantView.view.js and index.html.
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Tue, 11 Mar 2014 10:32:30 UTC
Message: Unterminated string constant
Line: 13
Char: 260
Code: 0
URI: http://inpuneme01:50200/XMII/CM/547555/SAPUI5/kpidashboard/webcontent/index.html?JSESSIONID=G59R-clhqrId7QDW_a_VBOSXQqyvRAEC2ZsB_SAPqh1fgxWruoAQAKceTGLKZ-6J
Message: failed to load 'kpidashboard.PlantView.view' from /XMII/CM/547555/SAPUI5/kpidashboard/webcontent/PlantView.view.js: SyntaxError: Unterminated string constant
Line: 41
Char: 11332
Code: 0
URI: http://inpuneme01:50200/sapui5/resources/sap-ui-core.js
Thanks and Regards,
Anshul Arora

Hi Rohit,
I checked and found that PCo Mgmt service was not started. SO I started it and now I am able to get the XML when I open PCO Mgmt URL in the browser of PCo Server
But,
When my agent is running, I don't get Browse button enabled in "Subscription Items" tab.
When I stop the agent instance, I can see Browse button enabled in "Subscription Items" tab. But when I click on browse, it gives me following error:
Not sure what's wrong?
Soham

Hyperlink on Crystal Report: how to popup a window without menubar?

Hyperlink on Crystal Report: how to popup a window without menubar?
Hello Experts!
I'm using VS2003 with Crystal Reports for VS2003.
I need to show a popup window clicking a hyperlink text object on my crystal report.
On the CrystalReportViewer I have set up HyperlinkTarget=_blank, and it's working fine.
But when I click on the hyperlink and shows the popup window, how can I show the popup window without menubar, toolbar, directories, etc.
Something like:
window.open('../MyPage.html?id=id001" + Cad + "',null,'menubar=no,scrollbars=yes,toolbar=no,location=no,directories=no,resizable=yes,status=yes')

Adam is correct. The closest you can get is setting the CrystalReportViewers HyperlinkTarget to _blank. It was seen as a potential security vulnerability to allow you to run scripts from a Crystal Reports. In our Enterprise product you can use a reg key called EncodeHTMLForSingleLineFieldObjects to control whether this can be turned on or off.
Unfortunately this was never ported over to our .NET CrystalReportViewer.
This is referenced in notes 1202803, 1219298, and 1219301.
https://www.sdn.sap.com/irj/sdn/businessobjects-notes
Edited by: David Hilton on Jul 16, 2008 4:17 PM

How to add MenuBar and MenuItems in JSP Form

Help Me,
Dear Forum,
I am user of jDeveloper 10g working on JSP (Web Module).So How to add MenuBar and Menu Item, in Our jsp Form.What this type control exist?
regards
javed khan

You should do this instead:
iframe.setJMenuBar(i_menuBar);

How do I remove an app from the menubar

I deleted an app form my lanchpad when it was requesting a password as resident on the menubar and when I try to quit it at the menubar it does not close. How do I remove this app from the menubar?

Command-click it and drag it out. If that doesn't work, find and run an uninstaller for that application.
(86726)

Is there a way to turn off the menubar/dock in fullscreen applications?

I've recently been using several applications which are designed to operate in an absolute fullscreen mode, and I'm being frustrated by the appearance of the menubar or dock if I happen to move the cursor near their locations.   For these specific applications, there is no need to access the menubar in full screen mode, and very often there will be things I wish to click on which are near the top of the screen, but it is very hard to do without moving one pixel too close and having the menubar drop down and obscure what I was trying to click on.
An example of programs where this can be an issue are remote desktop access programs (Splashtop in my specific case).   When I make the application full-screen, it displays the full-screen of the remote computer. However, as you can imagine, when you try to access the menubars on the remote machine, the menubar for my local machine will drop down and obscure the remote menubar. For a remote desktop application, if I want to access the local menubar I would drop out of fullscreen mode and then access the local menu bar, but when I am in fullscreen mode, I don't want the local menubar to display. The same problem exists for the Dock, obviously just whenever I need to access something at the bottom of the screen instead of at the top.
What I really want to know is this: How can I set the menubar/dock to be permanently hidden when I am using an application in a full screen mode.   There are certain apps in which I absolutely do not want the menubar to appear and it is extremely frustrating to have it keep 'jumping in front of my mouse' at the edges of the screen.

Oh, it also lists my bookmarks as well. Private browsing? Are you serious?

Why doesn't SAP use SAPUI5 for this and that

This is my personal opinion about this topic! Again and again I stumble about this and now I want to share some of my thoughts about this topic. I want to share this from a point of view, when I was not a SAP Employee - I worked at a SAP Partner company - because this best reflects the view from the outside.
1. SAP "wants" us to use SAPUI5
I don't think that "wants" is the right word - the right word is offers! In terms of: hey now even included in your license and open sourced (because you wanted it so). Look - we build sooo many Fiori apps with it - and put in some great enterprise features (right to left, accessibility, translation, ...) and it is responsive. So if you want to build Fiori-like "apps" - there you go - this is your technology to go! This is what I understood.
I was very very very happy that it was build with open standards. But the main point for me another thing - (because I worked with Sybase Unwired Platform and SAP Mobile Platform) OMG an open data protocol!!! OData FTW! I could use ANY front-end technology and consume SAP data - the protocol is REST based - a dream came true. And so I did - yes I played around with Sencha Touch and OData, I used data.js and used it in a standard HTML5 application. We played around with an iOS application we already had and consumed the data. I feed the data into d3.js. I prototyped around with SAPUI5 and I have build apps with it. Brilliant, so I could choose whatever UI technology I wanted.
I always had the feeling, that SAPUI5 was meant for B2E applications - and building many of that - and they should look and feel the same and I can theme the apps. I can use it when I want to make my applications SAP like - so that the user thinks the apps are all the same and everything fits nicely into the Fiori launchpad - great if you want to build partner apps. In my ex company we won a SAP Pinnacle Award - for a native iOS app, no SAPUI5 in sight - but we have received an award, so SAP did not "want us" to use SAPUI5 ;-)
2. Is it the right UI technology for everything?
At my ex-company I was dealing with mobile applications and web apps. I always knew that I get the best user experience when I write a real native application and if you want it to look like in a very specific way with awesome UI --> you would not do it with a write-once-run-everywhere HTML5 super-styled wrapped (phone gap/cordova) app - you would write the apps for the specific platform and it should feel like it was written for the platform. SAP offered us the SAP Fiori Client that I could enhance the user experience for the Fiori apps, but I was never told to use SAPUI5 it for everything.
The same discussion goes on with: why was the new SAP website not build with SAPUI5, or the UX Explorer (eat your own dog food), or a useful internal app - why Angular, or the other way around why do we even use SAPUI5 and not Angular JS itself. Back to the past - SAP did never tell me to build a website with it, or to build something tiny and small with it (a widget) - or to enhance parts of a website with it - or to build something super-specific with it.
And yes maybe the UI in a mobile app was not SAPUI5 but do you know if it uses Gateway with OData or the SAP Mobile Platform, was the API managed with Apigee, was HCI involved in getting the data from different sources, was it maybe wrapped with SAP Mobile Secure, did it maybe use a HANA backend or some of its features (predictions, text analytics, ...) - are some backend parts maybe hosted on HCP - who knows? So yeah, maybe other SAP technology was involved which you don't see, but in the end it made your life simpler.
Instead of arguing around why this and that was used for this and that - can we save our energy and instead look at the result - which is all what counts - that it was the right UI technology with the right user interface which makes the user happy? I stated something like - does Google use AngularJS for everything? Nope. They offer us something great we can use. Right, maybe AngularJS is not as important for Google like SAPUI5 is for us. But we have something with which we can build our day-to-day business apps with and we do so.
3. We missed great opportunity in not using SAPUI5 for this and that
Let's think about how projects are going: you want something, you look at the costs, you choose most efficient option. Yes this could mean reusing an existing native application which was written long ago and you pimped it up. Or you had outsourced it to a company which wrote a similar app. Or you bought the source code. Or you have some cheap internal staff which could do it (students, trainee), or you could outsource it cheaply. Or all you have is people with experience in this and that technology. Or it must look in a very very specific way (because marketing says so) and you go native. Or it maybe should even differentiate itself and should look NOT like a Fiori app. And no - I don't think - this is my employees view - we are not for example an event app producer. We normally build business applications. And I don't think that we can write an app from scratch "just" for an event in a certain technology. Yes it would be nice if this and that would use SAPUI5, I think if it would be possible in terms of time and costs and UI wishes and hundreds of other factors we would do it with SAPUI5.
Working at the partner SAP showed me over 50 Fiori apps, now hundreds of Fiori apps are released. SAP now showed that SAPUI5 is going big with S/4HANA. We have seen the Simple Finance solution. I was walking around at the CeBIT this year and I was impressed myself which cool apps and screens have been shown with SAPUI5. I used the SAPUI5 app on a Samsung Smart Watch myself. The SAP Web IDE itself is built with SAPUI5 in its heart. I don't need any other "proves" that SAPUI5 is great. I have seen great use cases for it, but I also know myself when I would use other stuff.
4. My conclusion
There is never every anything which can cover all different use cases. One-size-fits-all clothes also does not fit for everyone even if it says so. If someone creates something great don't judge it by the UI technology. Judge it by the experience and the value it creates. There are reasons why this and that was chosen. Use what fits your needs best with your requirements. Make the end user happy!

Hey Denise,
Thanks for pulling this discussion into SCN. Makes it much easier to discuss compared to Twitter. But I also have to apologize in the beginning that my answer now exceeds 140 characters by 50 times.
Let me share my thoughts and personal opinion as well. I will try to look at it from a strategic point of view, as you – as the technical UI5 expert - have already covered the technical perspective.
SAP recommends using SAPUI5 where it fits to customers’ requirements
Let me begin with a clear statement from my perspective: It makes no sense that SAP takes customer decisions.
Of course, customers expect SAP to help them with their strategies and decisions and of course we are helping. But at the end, the decisions have to be taken by the customer who needs to take the specific conditions of the company into account. The most important condition in the context of UX is the end user. But we shouldn't forget the business strategy as the most important influence factor. I’m not saying that technical decisions are completely unimportant, but I would like to point out that other things are more important for a company.
As a result, it wouldn't make a lot of sense if SAP would just want every customer to use SAPUI5. To me, customers need recommendations leading to solutions that satisfy their needs and requirements.
There is not that one UI technology that serves all needs
This headline might be a challenging statement and I can already imagine reactions to it. But in fact I can confirm this sentence easily. You always have to combine different technologies. Some of them are from SAP others not. The selection and combination of these technologies is different from customer to customer because the requirements are different. There are still reasons to use Web Dynpro ABAP and I’m still recommending SAP NetWeaver Business Client, POWL (Power Lists), WDA Chips, FPM based on the given environment of the customer. And obviously there are also reasons for UI5.
SAP already proves the usage of SAPUI5
In general, I see two different use cases here: Developing custom applications vs. adopting applications from SAP.
In the one case, customers want recommendations on development environments and UI technologies that consider their development requirements and existing conditions (e.g. existing skills, given implementations). SAPUI5 is a great UI technology and there are some special aspects that make the decision obviously easy. If I want to create simple business applications that can be connected with my SAP system easily, especially in combination under responsive conditions on multiple devices and targeted for casual and/or occasional users UI5 might be the right choice for many. Exactly this pattern is what many customers are searching for these days. So, the recommendation for UI5 comes quite often.
Whether or not SAP proves the usage of SAPUI5 in their own world is to me more connected to the use case where customers want to adopt SAP applications. And in deed, SAP is using SAPUI5. There are hundreds of SAP Fiori applications that have been built with SAPUI5 and there have been a lot of other applications developed using SAPUI5, too. And again, there is a huge need for applications for casual and/or occasional users, so that’s a big reason for SAP to create such applications.
Websites vs. Business Applications
This discussion was triggered by some statements in twitter, that SAP sites such as sap.com, SAP UX Explorer or the latest mobile conference app are not developed using UI5. Actually I see these to be websites but not business applications. I have never told a customer to build a website in UI5 and I would continue to do so.
Maybe we need to discuss the difference between a website and a business application. I guess it is not easy to find a common understanding here, as the borderlines between several worlds have disappeared in the last years.
Some years ago it was more or less easy to differ between:
Native desktop applications running on a specific desktop OS
Native mobile applications running on a specific mobile OS
Browser-based applications running in specific browsers
Websites, basically running on many browsers
In the first three categories we saw business applications. 1 and 2 were selected especially when specific functions of the device and OS where needed to be accessed (for example the camera of the mobile device, the fast rendering capability of the desktop). 3 was also used for business applications but in most cases on desktop browsers.
Today, one can develop browser-based applications that look like native applications and even can access the devices like native applications. Responsive design breaks the borderlines even more. Now, browser-based content can be rendered perfectly on a desktop browser as well as on a mobile phone and a user might even not be able to judge whether it was originally intended to be developed for the one or the other.
So maybe there is no big difference anymore between websites and browser-based applications. But there is still a difference between browser-based applications and browser-based business applications, where additional requirements such as integration into business systems are drivers. Here I see SAPUI5 as a very cool UI technology.
That’s just my 2 (personal) cents,
JJ

MenuBar in sapui5

Similar Messages

Maybe you are looking for