can i know how to shrink width of ons sliding menu?
I want the menu covers only 20% of screen on right, on landscape mode.
I tried with max-slide-distance or swipe-target-width but i cannot see differences...
Thanks you in advance.
Use the conditionals and set two arguments separately i.e.
<ons-sliding-menu
ons-if-orientation="portrait"
above-page="home.html"
behind-page="menu.html"
swipe-target-width="20px"
max-slide-distance="85%"
side="right"
var="menu">
</ons-sliding-menu>
<ons-sliding-menu
ons-if-orientation="landscape"
above-page="home.html"
behind-page="menu.html"
swipe-target-width="20px"
max-slide-distance="20%"
side="right"
var="menu">
</ons-sliding-menu>
Further, refer to the following:
http://onsenui.io/guide/components.html#ons-if-orientation
Regards,
Vladyslav
Related
I am tutoring someone in my high school in QBasic and the QB64 font is really small making it difficult to edit it. How can I change the font?
In the IDE the font can be changed in options (Alt-O) in the Display settings.
Go to option section in top row:
Select display in down arrow
increase the size in pixels: 30
Note: size in pixes may differ from size of monitor so choose as per your display screen
I'm trying to create a layout in this sketch
I want to have a vertical slider in the center, one SpanLabel on the left and another on the right.
I've tried using BorderLayout, but the SpanLabels overlap the slider if their texts are long. Is there a Layout that I could use to achieve a similar style or something I could do to fix BorderLayout?
CenterAbsolute and CenterCenter don't help in fixing this.
I'd use a TableLayout with percentages for each column to achieve this sort of layout.
BorderLayout assumes the preferred size of the elements on the sides/top/bottom isn't too big to cover everything so it's a bit problematic in some use cases.
I have a storyboard with (among other things) a label. Its height is proportional to the screen height. But the text size in the label is always the same. I'd like to also have a proportional font size.
Does anyone know how to do this?
Thank you for your help.
Edit: Maybe I should specify that my label has both width and height proportional to the screen size (the bigger the screen is, the bigger the label is).
I did it programmatically but I'd like to know if it's possible to do it from the storyboard.
click the label and choose the size properties inspector on the right hand side and edit the font size. You can then choose a size of your choosing
In fabricjs when we place an object on the canvas and select it, the grapples appear. For rotation there is this grapple which appears at the end.
Is there a way in fabric to hide the rotation grapple and instead have the drag grapples do the rotation as well, like the corner grapples could be used for rotation?
Any customization on this possible?
Thanks in advance.
You can easily customise the handles, see the documentation here http://fabricjs.com/customization/
We have been provided with a Photoshop created specification for a website. It gives specific pixel-based panel widths and various font sizes for different items (in points).
For example, the text in a data grid is 12pt Verdana. The grid is 765px wide.
When rendered in a browser (Chrome or IE) at 100%, the grid is 765px as expected, but the font appears larger than the design (around 20-25% larger in the browser).
We suspected the DPI settings in Photoshop might be a cause, but if anything they should have had the opposite effect (Photoshop doc set to 72DPI, Windows/browsers rendering at 96DPI).
Any suggestions on what we are overlooking? Should the Photoshop file be authored at 96DPI?
Here is another discussion about pt vs px in photoshop and how you can change to px instead. Maybe it helps :)
https://stackoverflow.com/questions/3868627/photoshop-pt-size-conversion-to-web
Make sure your photoshop document is set to 72ppi, then it will match browser size
Under CS2 its a simple process of going into the Edit Menu -> Preferences Submenu -> Units and Rulers then change the units type to pixels.