How to change ion-icon for material design similar to ios-outline? - ionic2

I want to use only ion-icon but these are made differently for different devices such as if we look for notifications ion-icon then we find for ion, ios-outline and material design.
In material desgin all the icons are filled with black color instaead I want to use similar to ios-outline icons in my material designs.
How can I use them?

Great question. To use the ios version of the icon, you'll need to use the ios- prefix like <ion-icon name=ios-notifications"></ion-icon>. However, some of the icons are not available on ios so you'll need to refer to the ionic reference site

You can use the ios icons by using the name, in this case <ion-icon name=ios-notifications"></ion-icon> directly. Note that this will only use the one icon and not change by the platform to match the common icons on each platform.
If you want to just use the iOS versions, then this Ionic Framework Reference will show you how to do that.

Related

How to use LeanbackTabLayout with Leanback theme?

I'm working on an Android Tv app and have been using Leanback as a theme, however I need to implement a TabLayout for the top nav as I am not using the standard BrowseSupportFragment.
The problem is that I in order to use LeanbackTabLayout I must use Theme.AppCompat, but if I use Theme.AppCompat instead of Theme.Leanback I lose all the Leanback styling and D-pad functionality.
ContextWrapper has been suggested, but the documentation did not
provide much clarity for me. I'm not sure if I should use
Theme.Leanback as my parent application theme and apply
Theme.AppCompat to my LeanbackTabLayout using ContextWrapper or go
about it some other way.
I've tried using Theme.AppCompat.Leanback as my parent application
theme. This allowed me to keep the Leanback styling, but I no longer
have D-pad controls.
Does anyone have any suggestions on how to make ContextWrapper or Theme.AppCompat.Leanback work in this situation or any other workaround?

How to use 2 fonts in WebStorm?

How to use 2 fonts in WebStorm at once? Currently you can set the primary font and a secondary font, which is going to be used if primary is unavailable. Some themes, like this one: https://github.com/SintrumIT/oceanic-next-italic
are using 2 fonts.
One as the main and another as the italic for attributes.
If you want to simulate operator mono you can use one font as primary and another one as italic for attributes.
I'm using input mono, which doesn't fit to be the italic for the attributes. I need another font, but I can only use the primary font here. Is there a workaround or some setting to use several fonts while customizing the theme?
There is already an issue for that. So whoever need this exact feature - go vote for it!
Not currently possible; please vote for IDEA-161729 to be notified on any progress with this feature

Native CheckedListBox?

In .NET land, there's the tremendously useful System.Windows.Forms.CheckedListBox class.
What is the equivalent in Windows Common Controls land? (if any)
Turn a list view into one with checkboxes. If you want it similar to a ListBox, only use 1 column.
ListView_SetExtendedListViewStyle (handle, LVS_EX_CHECKBOXES | LVS_EX_FULLROWSELECT);
Almost identical UI can be developed with the List View control by using item state images.
But selection management and other functionalities need to be implemented manually.
This article might be of interest for you. In short windows allows quite easily to implement checkboxes in Listbox and combobox through custom drawing and messaging.

How can I visually design a component in C++ Builder?

I have been away from C++ for a couple of years now doing AS3/Flex work. I have gotten used to being able to create a component and place it in design mode with very little fuss and I am struggling to get my head around the C++ Builder way of doing the same thing.
I have written many components for C++ Builder in the past, but none of them have been visual. What I would like to do now is create a component for customer search and another for order processing because I want to be able to create a new instance of these on the fly. What I don't want to do is have to place each of the components like the dbgrid and search fields manually in code. I would like to do this (as well as set their properties) in design mode.
How do I go about this? I have browsed the source for other Delphi components and I notice they have dfm files which seems to be what I need. How do I do this in C++ Builder? The only option I see is to add a new form if I want a dfm, but this isn't what I want as my components will be based on TPanel.
Is there a way to do this or do I have to resort to doing it all in code with no visual reference?
Pursuing the DFM idea I did a test this morning where I created a component based on TPanel and added a new form to it which I create and parent in the constructor of the component. In design mode I set the form border to none and placed a grid on it. This all looks OK until I place the component in my application, at that point it looks like a panel with a standard looking form in it and the grid is missing. If I run the app the panel shows as expected, borderless and with a grid. The DFM appears to be ignored in design mode for some reason.
If you know a better way to do this than using components then please give me some pointers.
Any help and advice will be appreciated beyond words
You might want to have a look at frames (look for "Frame objects"). They are "subforms" you can design visually and then place on forms.
Just as an FYI item, you can also drop the panel on a form, put any other controls on it, position them, set captions, etc..
Now, click the panel to select it, and use Component->Create Component Template from the IDE's main menu. This creates a unit you can install as a component which will add the panel and it's sub-controls (as a single component) to the IDE's component palette.
Of course, you can then modify the source for that new component like any other component source.

Standalone jQuery or MooTools version of YooTools YOOcarousel

I was wondering if anyone knows of a jQuery or MooTools script that will do the exact same thing as YOOcarousel (http://tools.yootheme.com/extensions/yoocarousel).
I'm looking to emulate the 'List Styling' setup they have where on the left you have the tabbed navigation and on the right it fades in/out thru each of the tabbed items as they are clicked.
Thanks,
Ryan
iCarousel might work for your purposes (demo and code examples here as well), created by Fabio Zendhi Nagao. The functionality isn't exactly identical (tab based control) to the YooTools Carousel but foundation is there to make it very close to the YooTools offering.
slideItMoo is another alternative- however, it appears to have fewer customized examples and less of a fan base.