jQuery UI Layout: Set which pane must be closed everytime that a specific slide button is clicked - jquery-ui-layout

I'm using JQuery UI Layout and I did not find an answer in official documentation....
I have an UI Layout, with a noth pane and a south one divided in west and east. East is divided in north and south.
When I click on slider button to completely close a pane, is always the pane that I want to hide that is hidden, except for east pane in which is closed its north child while I want to hide south one.
How can I set which pane must be closed everytime that I click a specific slide button?
Thank you.

Related

Firemonkey TComboColorBox hiding color picker

Is there a way, after selection of a color, to programmatically hide the color picker of the TComboColorBox? I've searched on the web and Embarcadero community but couldn't find a way to do this.
The answer is no, there is no designed way to hide (collapse) the popup programmatically. And you did not explain why you think it would be necessary to have.
Keep in mind that there are 4 subcontrols, that the user may want to use:
a THueTrackBar,
an alpha channel trackbar,
a color quad, and
a hex color value edit box.
An automatic collapse of the popup would be just annoying.
The user can at any time decide to close the popup simply by clicking on the constantly visible bar.
With reference to your comment:
After your answer, I realized that I must implement a color picker component that shows a rect containing a TComboColorBox and a TButton as childs. Clicking the child button, in turn, hides the container rect itself.
I have told you twice that the user can close the popup part of the TComboColorBox simply by clicking on the component (the base part of it).
In fact, the user can click anywhere outside of the popup window in order to close the popup window. The popup is closed immediately when the focus moves away from it.
In my opinion there's no need for a special "Close" button.

Centre alignment in CKEditor 4.10 toolbar is disabled when selecting image inserted in the editor

I am using CKEditor version 4.10 in an mail delivery system project for composing emails. I have added justify plugin to get the justify tools in the toolbar. Since this is an email composing, user may want to align the contents(including images inserted) as Left, Right, Centre etc. But even though I can choose Left and Right align buttons in the toolbar after selecting the image, I cannot choose centre align button because it is disabled. Does anyone know how can I enable the centre align button on selecting the images inserted in the editor and can able to align the same in centre too ?
Click right on image then click Image properties option, when page open then click advance Tab and in the style field delete float:right; Or float:left; and just type display:block;margin:auto; . Then you can see image set center on page.

Kendo Scheduler not refreshing when dynamically resized

Our app is setup with your basic header, footer, left nav, and content pane. We also have a dynamic right pane which we call "Quick View". If you click a link that targets Quick View, the right pane will slide out from the right. This causes the content pane to shrink horizontally so the right, Quick View pane displays.
When we have the Kendo Scheduler displayed in the content area and click a link that causes the Quick View pane to slide into view from right, the Scheduler does resize with the content area, but the events are not refreshed. Example would be if in week view initial display is fine. Slide in the Quick View causeing Scheduler to shrink in width. Day columns shrink as expected but none of the events change at all. This makes what was scheduled on Thursday to now appear to be scheduled on Saturday.
If I manually resize the browser at all, it triggers the refresh and all is well. Problem with that is 2 fold:
1. I don't want to require my users to resize the browser, of course.
2. Then closing the Quick View has the right pane slide back out the right cause the Scheduler to grow in size and again, the events do not move making them appear to be on different days.
I guess I could put in a hack to programmatically refresh Scheduler after my Quick View slides in or out, but that is a hack.
Suggestions please.

Why does the order of controls in document outline of visual studio 2010 not match what the designer view shows?

I'm new to Visual Studio; using 2010. I have inherited a project that has a lot of controls in one Form. At the top level in the Form are a TabControl, a TableLayoutPanel, a GroupBox, and a Button. They appear on the screen (top to bottom) in the order TabControl, GroupBox, TableLayoutPanel, Button. In the Document Outline they are shown in a different order: TableLayoutPanel first (topmost), Button, GroupBox, TabControl.
If I drag the TabControl to the top in the Document Outline, it goes to the bottom of the GUI as shown in the designer view.
Can anyone give me a foothold to getting started in understanding how this works? Specifically what is the meaning of the order in which the controls appear in the Document Outline?
Thanks!
The Document Outline window displays controls by their z-order. Overlap some controls and you'll see that those closest to the front are displayed closest to the top of the Document Outline window.
If two controls are docked to the same edge of their parent, the position of each control relative to that edge is determined by z-order. Those controls with the lowest z-index will be furthest from the edge.
In short, the order in the Document Window has absolutely no relationship to the Location properties of the controls. It depends on z-order only.

svg groups with animation and mouseout trigger

I have an issue with svg groups and basic animation. this guy is a button. When hovered over, out pops a sort of menu. The goal is that the menu retracts when the mouse pointer leaves the button and the menu.
The trouble starts with 'onmouseout'; even though button & menu are grouped, and with 'onmouseout' acting on the whole group, the mouseout action is triggered by mousing out ANY element within the group. So a move from button to menu triggers the retraction.
To work around this I've put a mask over the top that appears (so to speak - it does become visible but has 0 opacity, so cannot be seen), when the button is moused over. I've turned it grey here so you can see it. But if i want to add element onto this menu, I'm no further forward than before. The red block is this other element.
Seemingly, if I had the menu just appear instead of using animations to make them appear, the groups would behave as I want them to.
I hope someone can help or shed some light.

Resources