I want to implement a search feature similar to the redbus app. The screenshots are shown below. When I click on editbox, it should slide the sheet(from bottom) with the name of the cities as shown in screenshot2 and when I select any one of them, it should dismiss and fill the selected details in edit box. I have already tried working with bottomsheet, but could not find a way. Please help.
This is an angular material directive called bottom sheet:
https://material.angularjs.org/latest/demo/bottomSheet
You can use
startactivityforresult(my intent,1)
In your app. Let me know if you want any further help. Hope this helps u nuf.
Related
From what I understand this isn't possible out of the box with mmenu or any plugin for it. What I need is an easy way to format the submenus so that they are clickable and collapse/expand, as is clear in the screenshot below. If I'm wrong on this and there are any examples of a plugin/css that will easily do this I'd love to know.
I've discovered that this is indeed possible, simply by adding the class "Vertical" to any child elements.
Currently, it appears like a square with no text beside, we want to customize the look & feel without disturbing the icon of course to match our other buttons.
Already tried adding styles to the div which is converted to the share icon, but unsuccessful so far.
<div id='widget-div' class='btn btn-blue'>Google Classroom</div>
The above line renders as below :
Any idea how to proceed further or which direction to look into ?
To get a completely different share button you will need to write your own JS to style the button correctly, handle the mouse click, etc., and then direct the user to a URL of the form https://classroom.google.com/share?url=https://foo.com/ (source). (You'll need to following the branding guidelines too.)
To modify the button you can refer to the Share button documentation. However, there are some restrictions that you would need to follow to modify the Classroom button in the appropriate way.
Here you can find all the specifications and restrictions to the logo. Check if these specifications allow you to modify the logo accordingly to your needs.
You can put the white logo (square or circle) on a colored background of your choice. Full brand guidelines here
I would like to recreate the transition effect which can be observed when a user clicks on a tile on the start menu. But I have hit a road block in my quest. I am unable to search for information related to that particular transition. Is it possible to do so in you own application? If so, please guide me. Thanks in advance.
I call it a 'peel animation' and have implemented it here:
http://www.scottlogic.co.uk/blog/colin/2011/03/metro-in-motion-part-2-peel-animations/
Others call it a 'turnstile' and have also implemented it:
http://turnstile.codeplex.com/
I am using jqgrid in my application.
I need the edit dialog should be center aligned.
I tried to search a way but failed. If any one have the solution please let me know.
thanks in advance.
Look at the demo from the answer.
One more way to solve the same problem you can find here. In the case the position of the dialog will be based on the current selected row.
How did they do it? Look at these images:
As you can see you can slide the right panel to the left and back. Is that UISplitViewController?
That's definitely a custom view/controller. The stock split view is what it is. Although I think Matt Gammell cooked up a replacement split view that let's you drag the split around, it only changes the proportional size or visibility of your two views. It would take some additional customization to give it this kind of look and feel. I don't have the URL handy though, I'm sorry.
I don't know if you still need this, but you can check this open source class called IIViewDeckController available in github - it's exactly what you need. You can set a right and a left view, add shadows, customize tap or slide interactivity.
It contains a example project so you can understand how to program all properties.