I have an app it used Xamarin.Forms FlyoutPage. It is designed to open from left side. But I also want to support the Arabic language now. That's why I want to open it from right side.
I added FlowDirection="RightToLeft" to FlyoutPage. It made aligned to right side the all text. But the side menu has not been changed to open from the right side. I applied this right to left localization steps And I also changed localization settings of test devices. None of them could not changed flyout direction as right to left.
I also added following codes to xaml.cs of Flyout page. But it didn't work.
Flyout.FlowDirection = FlowDirection.RightToLeft;
Detail.FlowDirection = FlowDirection.RightToLeft;
I have seen Xamarin.Forms Shell flyout. And I tried it with an sample project. FlowDirection="RightToLeft" command works with shell. But it will take me a lot of time to turn it into shell. (Because my app has lots of page and my all navigation will change when i change it.)
That's why I am trying to find a way to rotate side menu as right to left with Xamarin.Forms FlyoutPage. How can I do it?
EDIT: I solved this. My problem occured because of FlyoutPage CustomRenderer. I used to use custom renderer to narrow the width of my side menu. And there is a line as "GravityFlags.Left" in custom renderer. This caused problem. I understand now. I changed it as "GravityFlags.Right". Maybe it helps another person.
Related
New to react native and stackoverflow. I am restyling a project that lets you take notes as you read the bible. I am trying to use react-native-gesture-handler so I can get rid of these ugly delete and edit buttons that I have smashed together on each note.
My problem is that since my note components are transparent, using the swiping gesture to render a delete button causes the delete button to jarringly pop into existence, instead of giving the effect of peeking out from behind the note component as you swipe. If I made my note component background opaque this wouldn't be an issue, but I do like the thematic direction I'm taking and I don't tear it up and rethink the theme if I don't have to.
I'm not allowed to add screenshots yet for some reason, so check the link below to see what I mean.
Any recommendations on how I can get this delete button to slide in from the right as you swipe? Or maybe a clever way to restyle the note component or delete button to make this look nice without sacrificing the cool theme? Thank you!
See Screenshot
I'm trying to find a control for Xamarin that allows you to pick a tool from a list of icons, but in a swipe format like in the iOS photo edit tools (image below).
I tried using CarouselView, but that only displays one item per swipe, and each item before and after - however I'd like around 5+ icons on screen, with the middle one selected.
If there isn't a control, I'll have to build one myself, but would prefer to use something that's already available if possible.
Thanks for any direction!
Oliver.
For me, the best practise for your case is to use the swipe gesture
https://learn.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/gestures/swipe
and write an expandable animation like this sample
https://github.com/devcrux/Xamarin.Forms-Expander
I am a frontend developer and I am working on a web app project using react-admin.
The code is fine, no errors. I launch the app. At first it looks the way it is supposed to look. A few components with tables, menu bar, etc. However, after a few clicks the view goes bunkers. Elements that should be at the top go to the bottom, elements disappear, there are boxes with shadows around elements. The view gets squished, a total disaster!
Can anyone give me any suggestions about what might have caused it and how to fix this issue?
Remove material-ui from your dependencies. You have to use just the material-ui version that comes from react-admin(1.4.0) because the CSS classes from the latest versions of material-ui(>2.0.0) clash with the internal react-admin components.
I'm trying to get a fullscreen dialog to launch after clicking a button in my MainWindow using QT on Mac. I use showFullScreen() to display the dialog, and the whole screen does get taken up. The problem is that the widgets within the dialog are still constrained to the 1024px geometry set for the dialog in the designer, and positioned in the upper left corner of the screen. I can manually change the geometry in the ui file to match my desktop, but I can't get it to work programmatically. I have tried setting the geometry of the dialog to desktop()->geometry() and the running updateGeometry() and that did not work. I tried it both before and after running the showFullScreen() function.
I've tried setting the sizePolicy of the dialog to Expandable, Maximum, Preferred, and just about every other setting, and still no go. Right now it is an absolute bare bones project, show the only code to show would be the sessionscreen.showFullScreen() function in the button_clicked() slot.
I'm sure there is something I'm missing, but I have been at it for hours, scouring Google and Qt help forums and coming up empty. Hopefully someone can point out something very simple that I am missing.
Nevermind, I am indeed using layouts wrong, because the widgets don't move if i resize the layout in designer either. I thought I followed the tutorial videos exactly. This is why I prefer text based tutorials. Oh well, back to Youtube I go.
How do I switch between the two screens on the Qt?
For example, I have a button - static text plus a toolbar. Now I will add it to a frame and set it as a central widget. It works well for one window. What if I move it to the next window? Then I need to show some other stuff like another button, some images etc... and what if I come back to the first view again?
How do I show my old widgets back?
I'm not sure I got your problem right but, you could have different scenarios :
You could simply use groupboxes... Some widgets in groupbox1, otherWidget in groupbox2, and you display the groupbox you want to use, hiding the others...
You could use stackedWidget, which simulates "pages" of widgets stacked on top of eachothers... more informations here : http://qt.nokia.com/doc/4.6/qstackedwidget.html.
You could use other way like using tabs : http://doc.trolltech.com/4.6/qtabwidget.html
Maybe this example would be useful to you : http://qt.nokia.com/doc/4.6/dialogs-configdialog.html
Hope it helps a bit !
I'd recommend checking out Animation/States example (should be in /qt/examples/animation/states/ subdirectory of your Qt installation). It shows how to combine state machine representing application logic with presentation layer and get cool animation effects for free (of course if you don't need eye candy, you can set widgets properties without any animation).