progress bar positioning - gwt

#haehn Hi Haehn
I'm using GWT with XTK. And I have been successful in using "min-height:100%" trick in the to get XTK going in the GWT app. Now everything is working, except the fact that the progress bar is positioned right below the black area.
In one of the posts you mentioned something about using position:relative to make it appear in the center of the black area. But that trick didnt help me in my case. Actually, I'm not quite sure if I followed your explanation properly in that post. A quick glance through the XTK code base didn't light any blubs either.
A little help here?
thanks

There is a new way to define CSS for the progress bar: overload the CSS class xtk-progress-bar. Any style gets automatically applied to the progress bar.

this is a tough one - you have to play with the css style. if you figure out the problem, please let us know!

Related

How to have an AnchorBar with icons and subsections?

I need to make a design exactly like this one https://sapui5.hana.ondemand.com/sdk/#/entity/sap.uxap.ObjectPageLayout/sample/sap.uxap.sample.ObjectPageTabNavigationMode but with a slight difference.
The difference is adding icons in the Anchor Bar tabs not just the text.
I've tried the customAnchorBarButton aggregation but I also want to have sub-sections...
And I think it doesn't work anymore...
Thank you :)

Magento 2 - Move Menu Location

I'm trying to move the navigation menu on a Magento 2 installation. I've created a child theme of the default blank theme and I want to move the navigation menu into the header of the site. At present I've accomplished it in CSS but I would rather move it in the code as it will be cleaner.
I've tried following other posts on this site along with the Magento Docs but all I seem to achieve is making the navigation menu disappear. Below is the code I'm using. It's probably something really small and stupid that I'm doing wrong but I was wondering if anyone out there could look at the code with a fresh set of eyes and spot the error of my ways ;)
Any help gratefully appreciated:
Code:
<move element="nav-sections" destination="page-header" after="block-search"/>
Thanks
Kev
I'm not sure where you want to move it, the following moves it to the very top:
<move element="navigation.sections" destination="after.body.start"/>
In htdocs/vendor/magento/module-theme/view/frontend/layout/default.xml you can finde some destinations that fit your needs.

How do I create an App-like header with html/css?

I'm building an app with Phonegap/Cordova and Web standards, such as HTML and CSS. However, somewhere on the part of creating this, my skills aren't sufficient.
Ok, let's get this straight: I'm trying to create a navigation bar at the top of the screen. Very basic, even without buttons, just plain text with links.
Check-out this screenshot. As you might see or not.. The middle one isn't exactly placed in the middle. I've tried with div styles, span classes and tables seem the best option.. Yet still insufficient.
What's the best option to create such header?
p.s. No, of course there won't be a border in the table :D - Just for viewing. ^^
I did an example of something like this for a talk... here's a basic version with just a header and some scrollable content: http://jsbin.com/UWeQeli/1/edit
Hope it helps.

Custom UITabBar in Monotouch

I am trying to create a custom UITabBar. I have the regular UITabBarController working fine, but optimally, I wish to get it looking like this:
What is the best way to approach this? I can't seem to find any useful examples in Monotouch.
Thanks
The way I figured to make a tab bar like that, is just a bunch of custom buttons that are arranged and programmed to look like a tab bar, but really they are just buttons. I was able to recreate the instagram tab bar in one of my apps and it looks fairly similar. That's the only way I could figure how to do this type of tab bar when I was teaching myself.
Hope that helps.
There are some really good explanations around for how to do custom tab bars - especially on http://idevrecipes.com/2010/12/16/raised-center-tab-bar-button/ - source on https://github.com/boctor/idev-recipes/tree/master/RaisedCenterTabBar
I believe I have seen a github monotouch sample of this same code but I can't find it right now!

GWT widget: top page popdown message bar - similar to the one here on stackoverflow

Has anyone seen or have an idea on how to go about creating widget that would function like the pop-down message bar here at stackoverflow?
I implemented one with absolute positioning. My entire page is generated by GWT, so it was (relatively) easy to use RootLayoutPanel.get().add(popupWidget), and then use RootLayoutPanel.get().setWidgetTopHeight(), etc, to animate the thing on and off the screen.