When creating Parts, I can specify an icon in the Application.e4xmi, which is used on the tab's title, as well as the minimized icon when the stack is minimized. However if I remove the icon specified, it disappears from both areas. How can I hide the icon when the Part is visible, but have an icon when showing the "peek icons" on minimize?
Related
Is there a list of button icons that can be used in App Maker? E.g. when you set the HTML text field of a button to 'Edit' and choose 'Icon' as button style, App Maker conveniently provides me an icon with a pencil on it.
Right now I'm looking for a dropdown arrow icon, but a list of icons would be so useful to make my UIs more clean.
App Maker uses material font:
https://material.io/icons/
So it took me some time re-reading the comments and trying to understand how to do it. This is for future readers:
Go to https://material.io/icons/ and in the search bar on left, type the icon you are looking for. e.g. I am looking for left arrow.
Scroll the page down, and hover over the icon you are looking for and check the exact name of the icon. Copy it.
On your page/page fragment/popup, click on Widgets icon on top left.
Type button, and drag Button on your page (or fragment or popup).
On top left, right beside the Widgets icon, click the drop down and select "Icon".
Ensure your icon is selected on your page. In the property editor on the right,paste the exact name of the icon e.g. "keyboard_arrow_left".
The button will update with the icon of your choice.
Hope it helps.
I'm using an app for add video support to Wagtail: wagtail-embed-videos.
This app add a new icon in the icon bar but is not properly sized, i mean,
icon isn't in the same line, is putted in the botton.
I want icon in the same line, like this:
In order to put all icons in the same line we can change the width value; make permanent this change require recompile statics, ok.
My question is, have we make it by own hand or you can add support for more
than three icons in the icon bar?
Thank you!
I'm wondering whether I can use the "same" icon (or something that looks the same) that triggers a full-screen, semi-transparent Bootstrap modal (that I have customized) to pop up and then close it with an icon that is in the same location.
However, say it is initially a hamburger icon on the normal page, when I click the icon to pop up the modal menu, it is now under the modal. Is there a way to have it stay on top of even a modal? I tried z-index but I couldn't get it to work.
The tricky thing for me is that I wanted to have the icon transition from a hamburger to an X and then vice versa when it closed: http://sarasoueidan.com/blog/navicon-transformicons/
Initially I was hoping I could get the icon to transition and then somehow set the icon to layer on top of everything, including modals.
Any ideas or suggestions would be great, thank you.
It should be possible to do this with z-index. However, z-index only works with elements that have "position" set to something other than "static" (the default). Try adding position: relative to your open / close button and hopefully then you should be able to use z-index to keep the button in front of the overlay.
There's a good reference with more info about z-index on CSS Tricks.
I'm building an app using foundation 5. I'm using foundation's topbar, which collapses to the (menu) hamburger button on small screens.
I want to add a button, that will be visible next to that button only on small displays.
I've tried adding the button outside of the top-bar-section, but that places the button outside of the entire topbar. I also tried putting it inside the title area but than it doesn't even render.
I know I can use show-for-small-only class to display the button only on small devices, but what I don't know is how force it to stay presented when the topbar collapses on small displays.
I have an iOS6 iPhone application, with a Tabbar and tabbar buttons. These buttons need icons and that's where the trouble starts. Added one icon to the project, double clicked on a button in the designer and associated the (questionmark) icon via the image combobox to the button. When I run the app on my iPhone, I do indeed see that the button now does indeed display a gradient-gray square, which turns into a gradient light-blue square, but the questionmark icon is not shown. The icon is a .png and the size is width 40, height 51. I changed nothing in the code.
I solved my problem to the extent that I can work with it: you need so called 'transparent icons'.