I have a class called Note, that consists of Title,Content and a Date. And inside listview item template, I have some text blocks and buttons. For now, I can apply animations when edit/remove button clicked, because that buttons' tag are the Grid which I will animate. Since my class is not a framework element, it doesn't have transform and opacity property. How to do so?
Regards,
Talha
I had to use ItemContanerStyle
Related
I know you can inherit from the Panel class and use the (MeasureOverride and ArrangeOverride) to measure and arrange the UI-Elements. But how does the Panel class render its content without any template?
Panel inherits from the FrameworkElement class which does not have the concept of template. So what causes it to render?
How can I create a theme for a dialog box?
I was trying to change the border style of the dialog box but the border style applies 2 times for an inner element and for an outer element. I was expected that the border style applies only to the inner element.
To be clearer, as I cannot add image to my post, it seems that the dialog does not consist only from the center box which is showed while dialog is active. The dialog UI consists from a “background form” which usually is transparent and from a container which overlay over the background form. The last mentioned container contains de graphic representation of the “dialog box”.
My issue is that I can not apply my style only to the container which contains the dialog box but the style applies also to the background form.
How can I apply the border style only to the dialog box container element?
Any additional tips will be highly appreciated.
Thanks.
How are you applying the style? Are you using the theme to apply a style to the Dialog UIID as explained here.
Using setStyle or getStyle on a dialog component would be problematic and would not result in proper styling (you might get away with doing it on getDialogComponent but you should work with the theme).
Notice that to style a dialog you should use Dialog, DialogTitle & DialogBody UIID's and quite a few theme constants.
Thanks Shai,
is clear now.
I’m doing a custom dialog starting from the BlankDialog element provided in designer.
Because I started from BlankDialog I thought that overriding only UIID theme is enough.
I understood the BlankDialog structure wrongly thinking that is a simple empty form because is named "Blank…"
Is clear now that for every new UI object added, I should check if it has any other UI child to be customized together with the parent.
Thanks again.
Normally, the expand/collapse functionality in extjs works as the panel/grid header stays in a position and the body of the panel/grid moves down/up. But I need the panel header to be in a position and on expand, the header has to move up showing the panel/grid body. On collapse, the header has to move down and come to the original position. This is just like expand and collapse in accordian layout inner panel. But I want it with a single panel. Any code samples or pointer would be very helpful.
Note: Please note that I cannot use any third party plugin..
This sample in ExtJs 4.2.1.
One way to do what you are trying to achieve is by injecting "expander" div in afterrender event of parent panel before collapsible children. This means items are at the bottom of parent body after expander div so there is space to expand them up. When children are collapsed/expanded or parent is resized, injected div gets height of parent minus children.
You can see it here: https://fiddle.sencha.com/#fiddle/44c
Edit: I don't really get 1 panel part - if you want single panel to behave like that, expander could be injected into wrapper before header and content, but than you are left with panel of same size but collapsed - the only scenario this makes sense to me is by reversing collapse of children in sample I provided
I have a situation where I roll over a row in a grid, I want to display a menu. I put the menu in a tooltip. But can't click on a menu unless I make the tooltip closable. If I make the tooltip closable, I can't provide the use the autohide functionality and I have to click to close the tooltip. Is there any way to mouseover rows in a grid, show a tooltip that includes clickable items and then have the tooltip goaway when you scroll off of it?
you may need extend your own component from tooltip.
I want to add my ToolBar inside the ToolBarPanel in codebehind.
I saw one example of Button & Canvas panel.
Here is the code:
Canvas.SetLeft(newButton, containerPoint.X - objectPoint.X);
Canvas.SetTop(newButton, containerPoint.Y - objectPoint.Y);
How can I achive samething with ToolBar & ToolBarPanelinstead of using Canvas & Button?
The code you gave is not adding the button to canvas, it sets extension properties that specify coordinates the button will be located at, if it is placed on Canvas panel.
ToolBarPanel is a primitive panel used by ToolBar to arrange its items. Unless you want to customize behavior you should be just using ToolBar optionally placing it into ToolBarTray.
ToolBar is an ItemsControl (just like ListBox for example), so to add a button from code, add it to panel's Items collection:
toolbar.Items.Add(newButton);