I can use PopupAnimation property like Fade.(PopupAnimation="Fade")
but I can't use fade-out animation.
I want to make animation when popup open and close.
Related
I have a basic create-react-app with Material/MUI text field and button. When I tab from the textfield to the button, it creates an animation on the button where the middle part slightly grows and shrinks. I'm trying to figure out how to get rid of that animation and just show a simple button that has focus. Toggling the options in Chrome debugger hasn't helped me track down where this animation is being created (focus, hover, etc.). In fact, anytime I change any property in the CSS panel it turns the animation off and makes it harder to track down what is causing this.
Thanks.
I'm using react and typescript.
The animation is done using framer-motion.
When the button is pressed, the menubar opens. frame-motion animation is implemented in the menuItem, but the menuItem is not moving.
I made it myself.
https://codesandbox.io/s/elastic-elion-lgpnh?file=/src/App.tsx
Refarence site
https://codesandbox.io/s/framer-motion-side-menu-mx2rw?fontsize=14&module=%2Fsrc%2FExample.tsx
You need to inform the children that the animation changed from open to closed or vice-versa upon the menu button click.
With little modifications, I made it work for staggering the menu items upon menu open. You can check the codesandbox here
In my application I am invoking a PopUp by
Popup pop = new Popup;
then i add this:: pop.child(page); where "page" is the instance of a XAML page which is of type ChildWindow.
Now when the popup shows up on my MainPage, it becomes Non-Modal just like I want it to be!!
But the problem is, the popup window is not draggable through out the Mainpage. I know that the popup appears within the Boundaries of a Silverlight control hosted in a browser. And It's not a true window. But still my popup is not draggable within its boundaries..
Am i missing some declarations which define the draggable region of a popup control OR is it the ChildWindow which needs to be configured ??
In order to solve the issue I had to remove the fixed Height and Width attributes of the ChildWindow and used MaxHeight and MaxWidth values and set their values to 4000. Now my ChildWindow inside the popup is perfectly draggable throughout the silverlight application.
i have a serious problem here. i'm trying to use a modal window in my application. till now i used just a window over the parent window. but this caused a problem of not disabling the background.
here is my window:
the problem in the above pic is the background is not being disabled. if i use the modal window it occupies the whole view, which i dont want.
What i'm need of:
i need a view something like this alert view, which wen shown the background goes to disable mode.
any help is highly appreciated..
thank you...
Unfortunately You can not use the modal window as dialog box, but you can do a small trick and make your window look like a modal window.
Create a view and disable the click event on it. Add your dialog window to this view and show this view on screen.
var disableView = Titanium.UI.createView({
height:480,
width:320,
top:0,
backgroundColor:'#000',
opacity:0.7,
touchEnabled:true
});
disableView.add( yourWindow);
I have a ChildWindow , in which I have a Video Playing in Expression MediaPlayer.
When I press the FullScreen Button then the whole Application switch to FullScreen Mode, but I want only the Child Window to be Full Screen.
A child window can't be made fullscreen. Its a security restriction.
To do this make you form property : MDIChile = true
so you can see your full screen window into you parent window.
got it.