I use GWT Material Design version 1.6.2. My data grid layout looks fine and I want to keep that layout on mobile devices.
So I don't want to see something like that in my application.
Any ideas how to do that? Thanks.
Solved.
Just do not need to set css style "responsive-table" on data greed.
For example change :
dataGrid.setStyleName("hoverable responsive-table");
to
dataGrid.setStyleName("hoverable");
Related
My website's Arabic font letters appears separated from each other which makes it un readable so I want to use a different font that will display only on iPhone & iPad devices in wordpress, I am using Elementor to design the site. Is there's a code or plugin I can use to apply different font for iOS devices?
https://ozaro.com/ar/our-history/
Well you cant do that just using css. You'll need JavaScript too.
Here is an answer on finding if device is iOS or not.
So basically this is what you'll have to do.
Set a unique classname for the parts of your website you need that font to be applied. E.g. "arabicf"
Go to your footer builder and drag drop an html widget.
Inside the widget write your js between script tags.
P.s. the logic behind the js is simple
If ios then "arabicf" style fontFamily = X.
I have made a design in Figma that I wanted to rebuild using Flutter.
I'm having a hard time choosing the right fontsize in Flutter that corresponds to the fontsize I
used in Figma.
For example in Figma I chose fontsize 144 for a title and it looked alright, but when I chose this fontsize for that title in Flutter, it looks way to big. So how do these fontsizes from Figma and Flutter compare?
Thanks in advance!
Yes, The figam and flutter sizes do not correspond. It applies to other tools like Sketch or AdobeXD. Your job as a developer is also to understand what ahas been made in figma or sketch or adobe XD to be able to show the proper size in flutter honestly.
Also personaly, I think Flutter is great because you don't really need a tool like Figma to right and do beautiful designs because of the feature hot reload. You can just - if you want to develop an app for personal use and it's not a part of a bigger project with designers in the team - use the hot reload feature to look directly how your app will look.
Given that I have this dialog UI prototype with 2 buttons, what would be the best approach to program it?
My idea was to use Grid coming from "sap.ui.layout", but it is not perfect for the alignments.
So now I am thinking of using Flexbox for the first row,
then use table for the checkbox content and then again flexboxes for the rest of the rows.
Can there be any other better layouts that I am now aware of that I can use natively in openUI5.
Layouts are a personal choice, but so far I found FlexBox to be the most convenient and easy to handle across device sizes.
Why flutter does not contain a preview of the app while we are programming it?
Is there any design plugin to be able to drag and drop widgets like in android studio for android apps?
It is difficult to build an interface from code without having a preview of the application.
Thanks!!
Disclaimer: This is not a first party tool.
I think what you're looking for is this:
https://flutterstudio.app/
It's a drag and drop editor for building Flutter layouts.
My personal recommendation is to use an emulator and learn how all the layout widgets work. Thanks to hot-reload it's super easy to experiment and create what you're looking for.
Well, you have emulator. What else do you want to preview your app?
Also on dart dev tools, you have a render tree and widget inspector. There is an option called show debug paint that I highly use to see the size and boundaries of widgets, and many other options I didn't discover yet.
You can use flutter studio if you want to create your ui by dragging and dropping widgets but I didn't use it.
And I just found that.
I really didn't understand what you mean by previewing.
For example, when you are starting and have a lot of examples, you might not remember what they look like.
I might suggest that you save a screenshot in your assets, so you can then remember what the app is about, without running the code.
I want to design metro style UI for my android app. How to do it? is there any shortcuts? I tried to make one using Image views. How to give effects for it? Is there any other way to do it? Please help me....
Try the Metro UI CSS by Sergey Pimenov. Check http://metroui.org.ua/