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"
})]
Related
The examples on website show many examples of navbars with links.
Image of navbar demo as shown on website.
I want to implement a search bar inside the nav element like this. Is there a way to do it?
I would try with OnRenderLink or linkAs methods.
onRenderLink:
Used to customize how content inside the link tag is rendered
linkAs: Render a custom link in place of
the normal one. This replaces the entire button rather than simply
button content
Source: INavProps interface https://developer.microsoft.com/en-us/fluentui#/controls/web/nav
I am thinking to implement a custom tabbed page with some custom functionality and I thought about using MultiPage.
I am thinking about that because it seems to be the base class of the Forms's TabTabbedPage and would like to actually have a page at the bottom to display the buttons and the top space to display come content pages based on the selection(of the user).
Currently I only added 2 pages on the MultiPage and the last page from the data set is being displayed but I can't shrink its height so that I can add another content page below to add the buttons. I tried to set the HeightRequest on the pages but with no effect.
Does anyone have at hand some samples involving the MultiPage or knows how to change the ContentPage width or height?
Thanks a lot!
i've a shell implemented in sap.ui.view (sapui5) desktop top application view. now i've a requirement to add a footer to the view. there are ways to add footer for sap.ui.m but i dont see anyways to implement the same in views while shell being the default content. i've added another div after the default content, it stays behind the default ones but not at the bottom.
any pointers on how to implement the footer for ui5 desktop views while shell is the default view.
tnx in advance.
If you are talking about the ux3.Shell, that is a problem. It is designed as the top Element in an application. Short of using an iframe around it (which would be plain ugly), I suppose the only way is to put the footer inside the shell content.
I use Fancybox2 to open an iFrame popup window (content comes from the same website). Within this popup, I have tabbed content (Bootstrap tabs). Each tab has content of different heights.
I am hoping that Fancybox can resize its height accordingly when I click tabs to see content on different heights.
I tried different combinations of autoSiz, autoHeight, etc. Got no success. Googled, and it seems many people asked related questions.
Am I missing something? Or is it doable? I feel this should be an easy configuration.
Thanks!
You may need to trigger the $.fancybox.update() (fancybox v2.x) method after the tab selector event
If using iframes, try parent.$.fancybox.update()
You may also need set fitToView to false
I have downloaded the pdf reader from https://github.com/vfr/Reader. This looks great but the bottom page bar or toolbar is stable. It adds all the pages into one single tool bar with out providing any scrolling feature. could someone help me to change this to a scrollable view?
I achieved this by changing the readerpagebar to derive from UIScrollviewController instead of UIViewController and increased the content size of scroll bar to number of images mounted in it. if someone needs further info, I will post the code here.