Hi i have been trying to arrange this over and over with no progress. I have been following a Core Data Book and its a little old and it doesn't explain the new Auto Layout features. I have two views one on top cover half the screen. The other on the bottom covering the other half of the screen. When I change the orientation it distorts the boxes and there is a white gap between the two views in landscape mode. I would like for the boxes to cover the screen the same way it does in portrait mode.
This code I am using is here.
Please explain how exactly Auto Layout works and how it will work for my case. Thanks a lot in advance.
i try your code and Solved .Set Width ,Height in autolayout and set leading and Trailing for Horizontal Spaces For both the views in constraints in nib file using Autolayout method(ios6).
easy.
select both UIViews then Pin > Vertical Spacing
select both UIViews then Pin > Height Equally
Run, will show as same as before with error in console
Delete both Vertical Space (502)...
Run and you are done.
Try it yourself.
Related
I am building ReactApp, and for debugging using React-Dev-Tools,
while testing states of the component, It shows two menus side by side,at left side <React/> code and at right values of states.
debugging screen is divided vertically between two.
but, I am following a tutorial, where these menus are horizontally divided and seem efficient and more readable compared to mine.
tutor's screen = more readable code, due to horizontal alignment.
but my screen-space is wasted due to a vertical division as this,
I also tried dock(debugger menu) at the bottom, but it's more readable.
How can I align two menus/tabs horizontally in chrome tools, though I had reset settings in debug menu?
Edit 1: after getting solution.
after increasing font size, the screen is not splitting vertically, and I am getting same chrome-dev-tools-screen, as same as that of my tutor.
The vertical split happens when you reduce the dev-tools window size.
This feature is described on this github page:
https://github.com/facebook/react-devtools/pull/541
Here is the video showing it:
https://www.youtube.com/watch?v=RdKVJEy41M4
You can split tabs horizontally in Chrome 87 (and see one of them). Right click Network in the menu and select "Move to bottom"
In the Query Tool, when trying to raise or lower the border between Query Sql Editor and Data Output Panel it is very common that when you move the mouse over the Data Output panel's header it changes the vertical - horizontal arrow icon to a cross arrow changing Data Output panel from its default tiling to floating
What should I do to return the Data Output panel to its initial tiling mode?
In addition, Data Output panel once in floating window stops showing queries's results, it only shows the messages, I suppose it's 3.1's bug.
My solution so far is to save the query, close it and reopen it to recover its tiling mode
Cursor's disappearance problems have not been corrected in full
What is the best free competitor of pgadmin 4?
In the pgadmin browser, click on the File menu and select reset layout.
Yes, will get all kinds of warnings, but the query tool returns to being useful.
I don't know in PgAdmin 4.3, but in 4.6 I found that way to re-arrange it.
First, right-click on somewhere to Add Panel -> Scratch Pad first to get a panel holder first (when clicking, notice the highlighted light blue space),
then right-click the lower half space to add another panel -> Scratch Pad at the lower half space (when clicking, notice the highlighted light blue space),.
After that, click on the tab and hold to drag and drop to where you want (when clicking, notice the highlighted light blue space).
I have pgadmin 4.15 and I found how to resolve this. On the upper left corner, click on File dropdown and then click on Reset Layout. It will ask to restart the application, click Ok.
No this is not a bug, those panels are meant to be floatable so that user can arrange the view as per their convince.
But yes user should have the option to lock the layout, and I see feature request for locking the layout is already in the pgadmin4 list.
Hopefully, we will get it in the next future release.
Ref: https://redmine.postgresql.org/issues/3155
------ UPDATE -----
Now you can lock the layout in pgAdmin4 (File menu -> Lock layout) option
To reset the panels to default position (File manu -> Reset Layout) option
------ UPDATE-2021 -----
This issue has been fixed, can you please check with pgAdmin4 v5.5 which is released on 15-july-2021.
Long press with left mouse button on title permits you to reposition the panel in layout
reset is also available as an icon on the top right area of the UI
File dropdown >> Reset Layout (reload issue)
this will reload but the changes/query will be lost. Better to store the query somewhere else before resetting layout
I'm still on 4.2.6, and as long as only one of the tabs has floated, I can click on the text "Data Output", and drag it onto the tab bar of the bottom panel. Note that you need to click the text, and not just anywhere in the panel's top bar, it acts as a kind of invisible tab.
If the other tabs (Explain, etc) have also floated I think you need a 'Scratch Pad' or Reset.
Then File, Lock Layout, Prevent Docking if this is never useful for you.
I was able to redock it in pgadmin 4, version 6.0 by dragging the floating window down to the bottom right of the screen. I drug it around down there until it started highlighting docking arrangements for it and it eventually shows a highlight for the original docking position and then you can let go and it'll dock. Not super exact instructions, but once you do it a couple times it's easy to recreate.
I am developing app using codename one .On login screen when toastbar gets loading container moves down.
I have attached screen shot in which i have shown exact error.
If I rotate the device or simulator it produced same effect.I used border layout and value of includeNativeBool = true
Can you please let me know how to resolve it?
Thanks in advance
I have attched screen shots of my form structure
There is no scrollability in this layout. I'm also guessing you assigned percentage heights in the table layout and some nuances might change.
Container1 should be scrollable on the y axis but that might break your entire layout because you rely on problematic behaviors of table layout so it will fit "exactly" it wasn't designed for that.
Alright, try as I might, I cannot for the life of me get rid of this tiny little border around my buttons.
Edit: I should mention, in case I didn't make it clear, these are buttons with an image on them, set to flat with the button sized to the image.
Images below:
Number one, I can't for the life of me get these borders to GO AWAY. I've checked everything I can think of. They're:
flat
border 0
no margins
no padding
manually sized to the size of the image (75px)
in a table layout where the columns are all:
manually sized to the width of the image (75px)
borderless
Nothing seems to really "work" to get rid of these. If I size the columns down to be 74px instead of 75px, most of them go away, but a few remain. I've triple and quadruple checked the images, and they don't have anything that I can pick up on that should be causing this... no transparency around the borders, definitely no border that looks like that.
Which leads me to the second problem:
Settings button when dialog is small...
Settings button when dialog is stretched out.
Settings button is also in the same table layout panel.
I've checked all the settings on the table layout panel as well.. I can't find any padding or margin or anything settings that suggest this should be happening.
Does anyone have any experience with this? What am I missing..?
Simple solution: using directly a PictureBox as if it was a button. You can change your image on mouse over or mouse click.
Have you tried a Toolbar/strip/whatever it's called these days? Probably not going to help as I believe it pads on your behalf, but worth a shot.
In the end you can toss the buttons in the trash and write your own control. A single control that manages N buttons will work well here.
I don't understand your second problem. What's the problem? It'll be fixed if you roll your own control anyhow.
While not a fix for the spacing issue, as a workaround you can make that gray gradient currently "behind" the "tabs" and control panel image into a BackgroundImage for the TableLayoutPanel using BackgroundImageLayout of Stretch. While not fixing the spacing issue, it would make it unnoticeable.
Writing a winforms control has its challenges (experience speaking here). I would agree that that is whats needed however. Depending on your project you may consider using XAML and WPF. It provides that fine detail you seem to be looking for in you application.
There are ways to host XAML controls in a winform app, but if you went this route it would be best to create a native WPF application. The reverse is also true (winform controls in a WPF app).
Did you check if the image has transparent pixels around the graphic pixels you want?
May be a simple crop solution.
I work on gschem, a free software tool for editing electronics schematic diagrams. Recently we have encountered a problem using a GtkScrolledWindow containing a GtkTextView.
Context
Recent versions of Ubuntu use overlay scrollbars, which mean that GtkScrolledWindows no longer set a minimum height that provides enough room for a legacy scrollbar (in fact, they have a minimum height of 0). Likewise, a GtkTextView with no text to display requests a height of 0. This means that one of the scrollable GtkTextViews in gschem has been being displayed as one pixel in height, and this is obviously unusable.
In the dialog box on the right of the screenshot shown above, note the invisible widget between the "Value:" label and the "Add" button.
This has been reported independently by several users -- see also the bug report.
Question
Obviously, we could fix this by doing:
g_object_set (textview, "height-request", 100, NULL);
However, this is pretty inelegant, and will break for users who set very large font sizes in pixels (e.g. users with vision problems or who use high-DPI screens).
Ideally, therefore, we want to set the minimum size of the GtkTextView relative to the default font size, e.g. tell it to "show at least three lines of text".
Can anyone suggest a sensible/elegant approach for doing this?
Just disable the ubuntu overlay scrollbars in your application by doing:
putenv("LIBOVERLAY_SCROLLBAR=0");
Not ideal, but it's a quite good until you can find a more permanent solution. Alternatively just wait until Ubuntu disables overlay scrollbars...
I would add code to dig out the current/default style information, use that to figure out the font baseline height, and then compute some rough size allocation based on that, around three lines as you mention.
Does it have to be a textview ? If you can use an eventbox instead, then you can make a cairo surface from it, render the text with pango, and then use pango_layout_get_size() to get the text height.
Likewise, a GtkTextView with no text to display requests a height of 0.
Probably you can create GtkTextView with some text inside. Like several spaces, and set empty value after creation.