is there a way to customize the scroll bar for ion-select , ion-select-popover
I tried different CSS webkit options but it didn't work
No there is not, ionic components use shadow-dom. You cannot edit shadow-dom css.
Related
I want to scroll ion-content in the ionic 5 mobile application. I know how I can use slot="fixed" in ion-content. But it doesn't work as expected. Because a fixed part covers the scroll part in ion-content like as a standard fab button. I want to make the fixed and scroll part as a same level. No one covers the other one. What is the best solution in the ionic 5/Angular application? I don't like to use pure css styles like a web application. Prefer to use ionic components with ionic style variables.
Like this image
Ionic Content Image with fixed and scroll parts
Best solution is to use ion-header. So only scrolling part will be ion-content.
You can move the fixed block outside ion-content, it should exclude it from scrollable area
I'd like to put some buttons in my web app, with the exact same style like the ones from bootstrap.
Does someone have that styles in CSS to be included withtout using bootstrap?
Also, is there a "list" of the styles (templates?) that bootsrap had over time? I remember that in the past the buttons were not flat and now they are...
Thank you for your help!
This is not how Boodstrap works, you can use styling to make it look like a boodstrap button.
I'm developing an app with Ionic 1.3.3, and I want it to be available on desktop browsers as well. For this reason, I need to disable the automatic Ionic scroll because it is adapted for touchscreens and not intuitive for computers (maintain click + sliding). I know how to add a browser scrollbar by using overflow:auto; on all my ion-content.
So far I have only managed to hide the Ionic scrollbar, using the following solutions:
scrollbar-y="false"
on the ion-content, or
display: none;
on the scrollbar css. However, hiding it is not enough for what I want.
I tried several Ionic 2 solutions (for example How can I disable or hide the scrollbar within an Ionic 2 <ion-content>), but they don't seem to work, and they don't all apply since the files are not all the same.
I also tried
overflow-scroll="false"
on my ion-content, no success.
Thank you for your answers.
I have this in one of my codes, I don't now if this could helps you but it works for me:
<ion-content scroll="false">
You can found some info about this attribute in http://ionicframework.com/docs/api/directive/ionContent/
I want to create a horizontal custom menu in wordpress. I've added a custom menu widget to the footer of my site (not online yet) but it displays a vertical bullet list menu. Where can I change that?
I'm using latest wordpress and the Interio theme if that helps any.
I don't know how to edit CSS for custom menu widgets. How do I do this?
You can edit the CSS for any widget in your theme's style.css file. Using your development tool of choice (Chrome dev tools or Firebug), inspect the menu widget (the vertical bullet list menu) and see if you can identify any unique but consistent selectors for that menu. Those will be the selectors you'll use to target this menu and style to your liking.
Have fun!
I solved this problem by using this dropdown menu widget which can also be set to create horizontal menu's :)
how can i make a dynamic resizable hover background just like this page in the navigation bar.
I want to know if it's done only with CSS or it involves javascript (which i don't know anything)
Here's a good tutorial on how to make a CSS drop down/expanding menu
http://webdesignerwall.com/tutorials/css3-dropdown-menu
That navigation was done using CSS and javascript, but you can do it without javascript.
CSS Sliding Doors Technique
Creating dropdown menus using CSS w/ a sprinkle of javascript
Should you want to look at the plugin used to create the animate effects (fade for example) on the navigation sub-menu's, it's called superfish.