When using the PopUpManager in Flex with modal = true, the background application is blurred. Is it possible to keep this blur for most of the background application but set certain components to not be blurred?
No, you'll need to create this type of custom functionality - the modal screen is either on or off.
Sorry for the bad news :\
Related
Is there a way to adjust the thickness of the scrollbars of a WebView using the stylesheet used by the whole JavaFX application?
I am a bit confused since
on the one hand I read that the scrollbars are not part of the JavaFX UI control and therefore can only be customized by a stylesheet set on the web engine (webview.getEngine().setUserStyleSheetLocation(..)) which means I have to write another CSS trying that the scrollbars look like all other scrollbars in the application
and on the other hand I can see that the scrollbars are obviously correctly customized using the JavaFX CSS except the thickness of the scrollbars (and that the vertical scrollbar is always shown even if the loaded page requires no scrollbars at all)
So where am I wrong and which is the correct way to solve this problem?
Thanks in advance!
I'm writing an AngularJS app. I need to open a particular modal popup that is big in size. Is there any AngularJS library out there that allows me to open a modal popup according to my specification ? I have taken a look at AngularStrap : http://mgcrea.github.io/angular-strap/##modals, which looks like it doesn't support resizing at all, and AngularUI - Bootstrap : http://angular-ui.github.io/bootstrap/#/modal, which supports an option for big modal or small modal. I have measured the big modal and it's only 900px in width, which is not that big for me. I want the option to open the modal with specified size at will.
I have seen some answers on here that suggest to modify the .modal CSS if I want bigger modal popup, but I can't. Other parts of the code did use default modal popup, modify it will cause a mess everywhere else.
Is there any suggestions on how to accomplish this with AngularStrap (preferred library) or AngularUI - Bootstrap ?
Thanks,
You can take a separate class name for that modal and make CSS changes using that class name.It won't affect the existing modals.
I ended up using jQuery.addClass to append a separate class name into that modal. This is precisely the effect I'm looking for.
I tried using windowClass to my modal service and then appending custom CSS class to this:
windowClass: 'app-modal-window'
.app-modal-window .modal-dialog{width: 375px;
}
I just wanted to find out if it's possible to disable image resizing in the Design mode of the Telerik:RadEditor?
The image resizing is part of the browser's rich editing engine and AFAIK there is no code in the RadEditor to control it. You can try to find a general solution (e.g. Firefox - designMode: disable image resizing handles) and apply it in the editor's content area.
I'm working on a Flex 4 application and I started customizing the interface with skins to give a whole new look.
So, I've created two scrollbar skins in Flash Catalyst (one horizontal, one vertical).
Its working great when I test the application through Catalyst so I took it and imported it on Flash Builder, copied the components and defined the new skins in my css file for the HScrollbar and VScrollbar.
The skin is working, all the buttons are ok. But, the scrollbar isnt resizing for some reason. It remains in the same height I've designed it to be regardless of the content it is bound to.
It scrolls the content in all the ways it should be but it doesnt resize and the thumb isnt getting all the way down.
Also I've noticed the following.
I have a custom component acting as a list. It extends Group and contains a Scroller. So at one place of the application the Scrollthumb is getting lower than on another place where the same custom list is used.
I also have to mention that this scroller works perfectly without a custom skin.
Anyone else having similar problems?
Okay, I know you posted this a while ago but I have been scouring the internet for days looking for why the scrollbar's thumb wasn't scaling like the default scrollbar.
There are a couple things to check, first is there a set height on your thumb's skin?
If not, and this is what I was overlooking, go to your scroller skin and at the point where you add the vertical and horizontal scrollbar set the "fixedThumbSize" property to false.
I suppose that your graphic elements are defined as every single part of the scrollbar (top arrow, bottom arrow, track, etc...): in this case you should check that the elements dimensions are not fixed... they should be in % to be able to change the dimensions based on the container.
I want a fusion chart in my flex app to display with a Lightbox effect like the effect you get when you click on any of the charts here or checkout the demos here
These effect have been attained with the help of javascript. How do i get the same effect via Flex? Any idea?
Thanks a lot
I built a Flex component called PopUpThumbnail that is very similar to HTML/JavaScript lightbox components.
Here's an example application that I created with it to displays Flickr images.
Add a mask over the top of the whole application with the content area in the middle and the semi alpha area around it. Clicking on the surrounding mask removes the layer, and you can interact with the content area as normal (make it look like a popup rather than actually using one...)