Show Selected Items in SplitApp - sapui5

I'm new to UI5. Can somebody help me to show selected tabs in SplitApp? I wan't to do something like this in UI5.

Take a look at the example page and switch to "Single Selection (Master)" in the dropdown.
Example List - Selection
You'll have to add mode="SingleSelectMaster" to the list. Now the selected item will be highlighted.

Related

Custom Work Item Types don't show in any Board or Backlog?

We've created a new work item type called "Improvement", but found that it does not show in any board or backlog - only search. After some digging in settings, I found this:
Can you really not add new work item types and get them into your workflow along side the default types?
In this page, hover with the mouse on the work item level you want to include your custom item and click "Edit":
In the screen that opens you can add the custom work item.

TAB key navigation for sap.m.Table

I have some data input fields inside a sap.m.table. Wanted to use Tab key to navigate to the input fields but it doesn't work.
It seems the SAP application interface hasn't implemented this feature.
I tried with some custom function and not working.
Any solution or alternative for this feature?
SAP itself now come up with the solution. Navigation with the TAB key is available form SAPUI5 version 1.44.
SAP NOTE 2387996 - SAPUI5 unable to use Tab to move to next field.
We have to press F2 key to activate this.
It's no longer necessary to use a custom solution for this. As of SAPUI5 version 1.38.0 sap.m.table has a property called 'keyboardMode' that can be set to 'Edit' which will change the tab behaviour to navigate focus through all editable fields in the table.
This mode is suitable if the number of items is limited and if there
are editable fields within the item.
While the last/first interactive element within an item has the focus,
pressing tab/shift+tab moves the focus to the next/previous element in
the tab chain after/before the item .
https://sapui5.hana.ondemand.com/#/api/sap.m.ListKeyboardMode
Attach browser event
new sap.m.Input({
value:"{first}"
}).attachBrowserEvent("keydown",function(oEvent){
if(oEvent.key == 'Tab'){
alert(this);//this reference to input control
//Your logic here
}
})
Sample JSBIN

kendo ui show AutoComplete dropdown with given item count

Is there anyway to make the kendo AutoComplete show dropdown with given item count? eg: When the items less than 50, show the dropdown, and when larger, don't show the dropdown or show a warning field.
Many thanks!
Looking at the kendo-ui autocomplete doc, the key is to recognize that if dataSource is empty, the dropdown will not show up.
Take a look at this fiddle to see if it does what you want.
The dropdown will appear if limit is set to a number higher than the size of the data array.
Otherwise, the dropdown will not appear, and the placeholder shows a warning message.

MenuBar non selectable sub titles

I have a horizontal menu bar with a child vertical drop-down menu bar.
I would like it so that the child vertical menu bar contains something like the following:
Title text 1
Separator 1
Option 1.1
Option 1.2
Title text 2
Separator 2
Option 2.1
Option 2.2
Is there a way to add non-selectable text into a MenuBar as I don't want the user able to select the "Title text" elements?
myTitleMenuItem.setEnabled(false) ?
As T Broyer answered u can do setEnabled(false). You will get a disabled style for the item which would not look good.
And coming to User experience, User usually expects each item in the Menu Bar to perform some action. When he sees some item with text and not performing any action on clicking, he gets a impression like 'App is not working or not responding'.
So, its always better to create a Menu Item 'Title Text' and also create a Menu Bar with required items and set this menu bar as a child or SubMenu of Title Text item.
So, whenever user hovers or clicks on the 'Title Text item' sub menu will be shown.

How to create a drawer in iphone?

i just want to know how to create a dropdown menu when a button is clicked, just shown in the image.![image][1]
When I click "Default Language" button it should show a list of options to select from. And when this list appears, the other buttons (or rows) below the "Default Language" button should move down so that they are not covered by the popped list.
Regards Nipin.
Try this sample code from Apple. It basically uses a table view and gestures to open up and close different sections of a cell.