how to Add progress bar in tile container SAPUI5 - sapui5

I want to add progress bar in tile container.I'm using the code from
SAPUI5 components. this code works fine if i show simple tiles. but i want to add progress bar in my each tiles which will show percentage. How i can manipulate progress bar into tile container.
<TileContainer
id="container"
tileDelete="handleTileDelete"
tiles="{/collectionStatus}">
<StandardTile
icon="sap-icon://{icon}"
number="{count}"
title = "{ parts : [{ path : 'ns'}] , formatter : '.splitDataLakeNS' }"/>
</TileContainer>

You cannot add a progress bar to a sap.m.StandardTile component, because it does not accept aggregations, you can only customize it's properties.
Instead of StandardTile, you should use CustomTile, which allows you to display application specific content in the Tile control (a ProgressIndicator in your case).

Related

Changing the status bar color based on #State SwiftUI

I am looking for a way to change the status bar color (time/service/battery) at the top of the screen based on a #State variable. I am using state to change different themes in my app. Some themes have a gray menu bar at the top and one has a black menu bar. When I switch to the black menu bar I can no longer see the status bar. Is there a way I can change that in my view based on the state? The app is written in SwiftUI and I am using a custom view modifier to change the styling based on state.
Check this thread. Or if you feel lazy you can achieve the same result by playing around with the appearences in the colors in your Assets.xcassets with the help of .preferredColorScheme(_:)

Mapbox GL-JS : Mapbox icon's z-index

I have a web-app going and I want the Mapbox attribution to be in the bottom-right corner. This is obviously easy to do, but the problem is the logo is behind my menu, as seen below :
Is it possible to access the logo in CSS so that I can properly make the logo on top of all the other content? I want to follow Mapbox guidelines as much as possible. In the image I attached it looks grey because it is behind a semi-transparent menu.
Doing "inspect element" on the logo reveals that its styling is controlled through the a.mapboxgl-ctrl-logo selector. You can add your own override styles to that.

Is it possible to display a view inside a tile's content?

I have a home page where there are tiles which will redirect to a new splitapp page. Inside one of those generic tiles I have to show the entire splitapp view with some modifications. I know we can add multiple content inside a Tile content using vbox, but is it possible to add the entire splitapp? I tried it, but it displays nothing other than just increasing the height of the tile.
What i have tried is -
<TileContent>
<Vbox>
<SplitApp id="idAppControl"></SplitApp>
</Vbox>
</TileContent>
This just increases the height of the tile but displays nothing.

SAP UI5 IconTabBar stretchContentHeight overlapping

I am trying to add a panel and ProgressIndicator above IconTabBar and want only scrolling enable for the IconTabBar conten. As per documentation, stretchContentHeight should do the magic, but in my case, the panel/ProgressIndicator is overlapping on Tabs. Any suggestions to make it work?
Refer this link to sample code: https://plnkr.co/edit/FeDd0cvYXcIpmqHP8Inh?p=preview
<IconTabBar
id="idIconTabBarStretchContent"
stretchContentHeight="true">
Thanks
I recommend you to use Layouts, in your case I would prefer Object Page Layout (Documentation, API, Samples).
Check out the updated plunker.
Modifications:
Adding ObjectPageLayout using the Tab navigation mode with LazyLoading and alwaysShowContentHeader property set to true
Moving original content of IconTabBar.view into a separate view Products.view
Modifying Page content height to 100% in index.html
.
content: [ new sap.ui.core.ComponentContainer({
height : "100%", name : "sap.m.sample.IconTabBarStretchContent"
})]

Add two bars on page bottom

I want to add 2 bars in the bottom area of a page (a normal bar with buttons and another bar with the current navigation path).
I used SplitApp but I forgot the current location when I navigated the menu on the left.
I want another bar over the black bar but I can't add 2 bars in the footer.
There is no way to add two bars to the footer. https://openui5.hana.ondemand.com/docs/api/symbols/sap.m.Page.html#setFooter
The setFooter method of sap.m.Page only accepts sap.m.IBar as parameter.
There are APIs of sap.m.Bar. You can define Controls in left and right position to meet your requirements.
Aggregations
contentLeft : sap.ui.core.Control[]
contentMiddle : sap.ui.core.Control[]
contentRight : sap.ui.core.Control[]