I have Generic Tiles in my UI5 App. My requirement is to implement the functionality of Icon Tab Bar - Filter (https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.IconTabBar/preview) for these tiles. I have separate tile for each status and on clicking it should display the list in the table depending on the clicked status eg: 'completed tickets'.
The table and the tiles are in different views. If this is possible please provide suggestions as to how this can be accomplished.
Thanks,
Srinivasan
You could follow the example of the IconTabBar almost literally, and just swap the icons for tiles.
When you press an icon in the IconTabBar in the example, the logic connected to that icon will add a filter to the binding of the table. You should do the same: the logic connected to your tiles, should also change the filter of the table binding. Every tile could result in a different filter to the binding. With that, you would see the table filtered based on the tiles you clicked.
With your table being in a different view than the tiles, you may want to use the router to communicate between the two views. You could e.g. have tile one to navigate to /YourApp/#/Stuff/FilterBySomething and tile two to navigate to /YourApp/#/Stuff/FilterBySomethingElse. In the view containing your table, you should then pick up the filter info and add the filter to the table binding accordingly. More info on how this works can be found in Step 31 of the SAPUI5 walkthough.
Related
I would like to add traffic light icon based on entity field value in given collection view. Are there some way to do it?
Not sure if this can apply to your case, but you can highlight a record in a collection view using the Record highlight feature in collection views (works on grid and cards views).
Basically, you can define conditions to decide if the record can be highlighted and which color will be used for that. You can find more information here:
https://slingr-stack.github.io/platform/app_development_ui_grid_views.html#record-highlight
I am working on an input form with 218 input controls divided over 20 sections.
What I did is to create a ViewModel for each section and define with a DataTemplate how it is supposed to look.
The main page for the form is a grid of tiles. A tile per section.
A section is a page in a FlipView where you can flip from one section to the next. A click on one of the tiles jumps directly to a page in the FlipView. Some sections contain a Pivot control that allow the creation of multiple items (i.E. persons). If the content in the Pivot is long, it needs a ScrollViewer. Pivots and ScrollViewer don't go well together. Scrolling does not work.
There is a SO question and answer that adresses this: Pivot inside a ScrollViewer, scrollviewer wont scroll
The UWP Style Guide says
Rather than overwhelm the screen with numerous input controls,
consider creating multiple pages for your form.
But it does not say how the pages should be organized.
So given a gigantic input form with 218 input controls and 20 sections where some of them can add multiple items, is there a better way to organize the form than what I attempt to do (FlipView, ViewModels, DataTemplates, Pivot, ScrollViewer)?
If the sections don't need to be filled out in a specific order, I suggest that you use the NaviationView class and group each section as a Page. The end result could be similar to the Settings app which has a number of disparate sections.
If the forms need to be filled out in a specific order, use the Frame/Page navigation and provide previous/next buttons on pages.
I have tried to create custom components which are subsets of slides. I'm trying to create a custom Ionic component which is a subset of slides. Then I can mix and match subsets of slides in one to make a complete slide show. Like building a master process from sub-processes. You should be able to swipe back and forth between all slides as expected, no matter an directly in the component, or slides within custom components.
I've tried various methods to no avail. Any ideas?
PLEASE SEE THIS SAMPLE PROJECT WITH 2 METHODS I HAVE TRIED TO ACCOMPLISH THIS.
No. You can't do this. You can put a into another if one scrolls vertically and one horizontally. You can insert a custom component into an which just has a couple slides in it, put the inserted slides show one over the other vertically with no way to swipe back and forth. So, no. You can't do this. Perhaps with dynamic templates you can build the from code dynamically. That's the only work around I can see.
We have this scenario in which we would like to use the same ui5 application for 2 different Launchpad tiles. When user clicks on first tile all the data should be displayed in Smart table but when user clicks on second tile same table will be used but before displaying the content some filter will be applied and less data will be shown.
I am thinking of get the tile ID and according to the tile , I will apply the filter. How it can be achieved ?
Regards,
MS
Multiple tile
once you have added tile use press event to call function and provide event as parameter to that function.Using below line You can get title OR use _getTileIndex() and accordingly you can apply filter
sap.ui.getCore().byId(oEvent.getParameters().id).getTitle()
I am building an iPhone app for a library and I want to give few options to the user to search books by. A user can search a book by title, author, topics, or date of publication.
What I want to know what's the best way to display these search options to the user? In terms of HTML, it would be easy - either use a drop down list or radio buttons. I tried using UIPickerView but honestly, that looks terribly ugly and destroys the aesthetics of the view of my app.
The other option I was thnking was using segmented control, but is it possible to have a vertical segment control in stead of horizontal one? The selection texts can be too long.
Any ideas?
If you want a vertical segmented control, you'll have to make it yourself. Create a textured image with dividers. I would export each section as a PNG separately. Then create a picture of each section with the "pressed down" gradient and export each segment as a separate PNG again.
I would then make a new class. If there is a specific number of objects in your segmented control or this is a one time thing, the class may not even be necessary. If not, then in the class constructor pass an array with the titles of the segments in your segmented control. For the first and last objects, use the pictures you made with rounded corners. For the objects in between, use the standard pictures. Then put the titles on top. When a segment is tapped (perhaps use hidden UIButtons), you can use a delegate method to tell the main search class which one was tapped, and then the class can replace the normal picture of that segment with the pressed down one.
Thanks for the options.
I ended up creating a simple table to show my choices.
User clicks on "search by", which opens up the table with options and then when you select any option, you return back to main view with the chosen search option.