IONIC 4 add css attributes to ionic components - ionic-framework

Does anyone know how to place an icon in a toggle?
Is this even possible with the new shadow dom rules?
https://beta.ionicframework.com/docs/api/toggle/
I have tried placing a icon element in the toggle but no succes.
Thanks,
Kelvijn

It's not possible to add attributes to ion components.
Confirmed by admin from the ionic slack.
Going to make my own slider then.

Related

Ionic Change Platform Style for Single Component

How would one change the styling of a single component? For example force md styling of searchbar on iOS.
You can set mode attribute to force the Android style regardless of the platform it’s running on.
<ion-searchbar mode="md"></ion-searchbar>

Material UI tabs indicator gets stuck at the wrong place

I'm trying to integrate the Material UI tabs (https://material-ui.com/demos/tabs/#centered), but I get a weird glitch on Safari 12.0.3, Chrome 73.0.36 and Chromium. The blue underline isn't shown at the right place until I click on one tab title:
The code is very simple and directly copied from the documentation:
https://gist.github.com/lcoenen/0f93bd2a2ae3fe9c76135d6b3d73d130
As you can see in the comments, I found a workaround by waiting a second, then setting the state to my default tab.
But is there a more elegant solution or should I create an issue on material-ui GitHub?
In my case the issue was related to a css used:
transform: scale(0.9);
if the scale is different from 1.0 then the tab indicator is at the wrong place...

Sliding Tab/menu within ionic template

I am trying to insert 'sliding tabs' within a tabs starter. Basically I'm wanting to use the 'starter' tabs at the bottom, but within one of those tabs (template pages) I want to have a sliding menu (https://github.com/leoruhland/ion-slides-tabs). I've tried what I know and can't seem to figure out how to make it work. Any tips would be helpful.
For simple Ionic slider you can refer from this link http://ionicframework.com/docs/api/directive/ionSlideBox/ and for other your sample INstallation is already showing .You can use that directive and can work. I am also using this in my Project.

ionic slider ion-slide-box with width smaller than page width

is there a way to display several slides at once with the ionic slider (ion-slide-box) ?
Can you help me achive a slider like this one :
Thanks !
I suggest you try to use ion-slides, it uses Swiper API and introduced in ionic v1.2.0.
ion-slides
Ionic Slides in ionic v2
Swiper Demos
ion-slide-box works without any additional CSS. Just ionic.css. Have used it in my app. but as far as I see, it seems to be meant to only show one slide per page. Are you trying to modify CSS and get multiple slides to display per page? If so, I guess that's not the right approach.
This is the description given by Ionic for the ion-slide-box
The Slide Box is a multi-page container where each page can be swiped or dragged between:
See http://ionicframework.com/docs/api/directive/ionSlideBox/

Change Background For Every Link in Custom Menu Extension Magento

I am using Magento 1.7 CE. I am trying to edit the look of the Custom Menu extension. For the top menu I am trying to have every main category to have a different background color. Does anoyone know how I can achieve this?
Please refer the user guide on background images on http://store.belvg.com/background-pages.html#product_overview . Thanks ,Zakir