I'm currently facing some difficulty with the hover and active for mobile. Here is a link to my code: https://codesandbox.io/s/inspiring-wozniak-33l61?file=/src/Portfolio.scss
I'm trying to change the background color of the containers when I click for mobile, it currently works for web as it is hover. I've tried adding the :active effect, but it only works on mobile if the user currently holds down the container which is not very ideal. I'm trying to change the background color when the user clicks/touches on the container once instead of holding down.
Any help would be much appreciated, thank you!
You an try detecting browser platform and handle onClick if it is mobile.
Related
I have a list in a drawer that is docked to the browser screen (desktop) and I want to expand the content of the list item to fill the entire drawer when I click on it just like explained in this demo:
I could find ways of doing it using Android but not using react material-ui V1.0.
Has anyone already done something like it?
I have modified my app to use the tabbar control and it's working as expected. However, the back buttons that worked before modification no longer work. Any ideas on what the issue might be?
Ok. Starting over with this. I see that the SocialBoo theme has something similar in what I want to achieve. If I find that I can work and improve. I Added a new socialboo theme and created blank GUI. Assumed it would be a Commandbehavior but that didnt do the trick, so did adding tabs. Seems like those components are not for that specific bar... However did notice another issue.
How do I get the social actionbar as displayed in the socialboo theme? (Screen shot). Assuming those images etc are part of the default theme, right.
Also, If I create a TouchCommand = bar, title or native. It displays fine in Gingerbread but not ICS. DO you know why is that? (screen shot)
Thanks, in advance.
Those images aren't a part of the theme, they are a part of the specific demo. If you add a Tabs component to the center of the border layout UI you will get thee tabs where the "icon" property will allow you to customize the unselected icon and you can customize the selected icon as well. You can see the full source/resource file of the social boo demo in the docs and demos zip in the download section.
Generally customizing commands is a bit complex because of platform specific constraints, when running on an Actual Android 4 device we use the native ActionBar by default to provide the experience Android users are used to. This is hard for us to simulate so you will only see this properly in the device build. I suggest not relying on commands, it seems that what you are trying to achieve is easily doable with tabs and its possible that's why you had difficulties in your other question.
I am working on codenameone, and trying to make the first UI.
A basic UI with a title and two buttons on two sides of the "title" to go to two different pages.
I was trying to do that with "Form" component but then it only gives one button by default, which is just taking me to the previous screen.
Not sure how to do this, any link or tip is a nice help.
thanks
Use addCommand(new Command("X")) or in the GUI builder just click the commands property in the form. It will automatically use the menu for Android.
The back button is added automatically for iOS apps for back navigation which you will probably need. You can disable it in the state machine code and have room for two commands in the title.
I am developing a WPF application an need checkbox like we do inIphone interface.
I am able to get that done with help of this.
But I want user can silder the slider as they can do in Iphone. So they can either click or silder the slider to toggle the check box.
Thanks in advance
EDIT
Also found this link that enables to use WP7 togglebutton in WPF. But am unable to see any output.