Dynamically Resize Flex Layout

I am using flex inside a coldfusion page and would like to
know how to dynamically make my swf height to fit my application.
I have a search application and the details text get cut off.
now I could make it scroll but would like to be able to make the
swf height expand so my browser page can scroll. Is this possible?
I Thought of Application.application.height but nothing. I do
know the code is in the height in the page that resizes it, but if
I set this to 100% can't I set the variable inside my application?
Please help!

LinkMc,
If you are using the standard template it has css that says:
body { margin: 0px;
overflow:hidden } <- Take out the overflow:hidden. That
is the first step. There is also a "<body scroll="no">". I
took out the scroll='no' just to be sure. I ended up wrapping the
javascript in the page in a <div>. Then I set the height to
the size of the app. When the app shrinks and grow I adjust the
height so the footer doesn't just sit at the end of a lot of
scrolling.
as3 --> flash.external.ExternalInterface.call(
"adjustDivHeight", "950" );
<script language="JavaScript">
function adjustDivHeight(height) {
e = document.getElementById( 'bigMo' );
e.style.height = height + 'px';
</script>
Also, a couple issues I saw with IE. Does the list ever end.
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", "acuminderFX",
"width", "762",
"height", "100%",
"align", "middle",
"id", "acuminderFX",
"quality", "high",
"bgcolor", "#ffffff",
"name", "acuminderFX",
"flashvars",'base=https://www.jnjvision.com/',
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "https://www.adobe.com/go/getflashplayer",
"wmode", "transparent" <-- Get rid of IE black box
// In IE the swf comes up as a black square until you roll over
it with the mouse.
// This focuses on the swf so that IE will pass it control.
var acuFxObj = document.getElementById( 'acuminderFX' );
if ( acuFxObj != null ) {
acuFxObj.focus();
If you look at https://www.acuminder.com/ you can see what I
did to make it work. Also because it is secure I had to make some
changes to the history.js. IE won't load it secure if you don't fix
the history.js
That should be a good start.

Similar Messages

How do I stop iPhone Safari from dynamically resizing the visual viewport?

Sorry I post this here, but I couldn't access the developer forums (no error given, it just keeps returning me to this page https://developer.apple.com/devforums/) I'm not even sure wether that's been moved here and it's just the redirection non working.
I need to Stop iPhone Safari from dynamically resizing the visual viewport, or in other words, to stop it from trying to "fit" the layout into the viewport.
Why?
Because any recalculation javascript does on absolutely positioned elements makes the whole site super IRRESPONSIVE.
I don't know wether the issue is the element going out the already-set layout viewport (which triggers the page resizing to fit the visual viewport) or just the calculations being made constantly, but I can stop the calculations from happening when not "touching" the screen, but I need a way to stop the page resizing.
I tried setting the viewport width to 1040px, as my layout width, and it fixed the header's width being narrower than the body (or shifted left?), but the whole page is still resized with every motion-frame (one every 3 seconds, due to overloading the redrawing engine)
Is there a way to prevent that?

No, that link doesn't solve it. It just says the same is found everywhere online.
There's probably no way to do it, as per their way they "accidentally" omitted the oposite case: the page being wider than 980. They only mention what to do if the site is narrower. Something I learned is big companies (with reputation management) could let you run in circles for years no answer rather than telling you something is not possible.
I'm the developer (can't access the dev forums, don't know why) and I DID setup the viewport, scale and other properties but none of them stopped from re-fitting the new re-sized layout in the viewport. They just ensure the "initial" view.
I think the feature I'm looking for must be achieved with some JavaScript function targeting Safari-proprietary variable/property… if even possible.
I just had to make things never reaching the edge until somebody contributes something useful

How to dynamically resize JPanel at runtime??

Hello Sir:
I met a problem, I need to resize a small JPanel called panel within a main Control JPanel (with null Layout) if I click the mouse then I can Drag and Resize this small JPanel Border to the size I need at runtime, I know I can use panel.setSize() or panel.setPreferredSize() methods at design time,
But I have no idea how to do it even I search this famous fourm,
How to dynamically resize JPanel at runtime??
Can any guru throw some light or good example??
Thanks

Why are you using a null layout? Wouldn't having a layout manager help you in this situation?

Dynamically resizing slideshow with ken burns needed

Hi,
does anyone here know a free or commercial slideshow component for AS3 (must work with flex 3) which does the following:
cross-fading,
ken burns zooming and panning with per image definition (eg. with xml file)
scale-to-fill resizing of images
dynamically resizable frame size (so it can be used as a browser background)
It should work like on the following site
http://www.timhupe.com/
My client wants this, but programming it from scratch will take rather long, so if anyone can help out here, that would be great.
thanks
jq

Chris:
The export method you used creates a 640 x 480 QT file. If you use the Share->Send to iDVD menu option that will create a 720 x 540 QT file, save it in the Movies folder and automatically put it in iDVD. That should produce a higher image quality final product. If you have an iDVD project already started open it before starting the Share procedure so it will be the selected destination. In any case the larger QT movie will be saved to your Movies folder so you can include it manually is desired.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
G5 Dual Core 2GHz, 2G RAM, 250G HD; G4 Dual 1Ghz, 1.5G RAM, 80G HD, Mac OS X (10.4.7) 22 LCD Display, 200G & 160G FW HDs, Canon S400, i850 & LIDE 50, Epson R200

Urgent HELP! how to resize a layout and change the color from black to white

Hey!!!
im in urgent help of someone to answer my questions. I have a huge Indesign exam monday and two of the questions are
-resizing a layout
-changing a color layout to black and white
I have done many porjects in Indesign but to be honest i don't know what they are refering but resizing a layout or changing the layout color to black and white. If any body can explain me this a little be I be so thankful!
Thanks,
Fiama Piccardo

I've decided to relent a little and give you a hint, so you can do some looking and figure this out for yourself. Everything you need for either of those tasks is accessed from the File menu...
And a further hint. Indesign does not have a black and white or grayscale working colorspace, so you never truly have a black and white layout, though all of the objects in the file may use only black ink. You can, however, output a PDF, in a couple of ways, that will convert your color file to one that uses only black.

Dynamic resizing in JDialog using setSize not working properly on solaris

can anyone help..
Dynamic resizing in JDialog using setSize is not working properly on solaris, its work fine on windows.
i have set Jdialog size to setSize(768,364),
when i dynamically resizing it to setSize(768,575); it doesn't get change but when i move dialog using mouse it gets refreshed.
this problem is only happening on solaris not on windows.

Hi,
It's only an approach but try a call of validate() or repaint() after re-setting the size of your dialog.
Cheers, Mathias

How to dynamically resize taskflow popup set as inlineDocument.

I've been trying to figure out how to dynamically set the WindowHeight and WindowWidth of a taskflow deployed as a inlineDocument popup. Sadly, neither the forums nor google came to the rescue so I had to actually figure this one out on my own. But at least now is my opportunity to work up some forum karma! :)
Sample workspace containing the solution is here: http://www.williverstravels.com/JDev/Forums/Threads/2337969/MaxPopupSize.zip
General Strategy for Solution:
- Pull the browser height and width using Javascript
        function browserSize(evt)
          var button = evt.getSource();
          var agent = AdfAgent.AGENT;
          var windowWidth = agent.getWindowWidth();
          var windowHeight = agent.getWindowHeight();
          AdfCustomEvent.queue(button, "customEvent",
            width: windowWidth,
            height: windowHeight
          true);
          evt.cancel();
        }- Using a clientListener and serverListener, pull this information into a managed bean and set height / width in button's setWindowWidth(), setWindowHeight() attribute.
public void onButtonClick(ClientEvent clientEvent)
    Double dw = (Double)clientEvent.getParameters().get("width")-100;
    Double dh = (Double)clientEvent.getParameters().get("height")-100;
    this.popupButton.setWindowWidth(dw.intValue());
    this.popupButton.setWindowHeight(dh.intValue());
    ActionEvent aE = new ActionEvent(this.getPopupButton());
    aE.queue();
}- Due to JSF Lifecycle complications, the managed bean will need to call a different button than the one which holds the client and server listener. It will be the second button (popupButton in the code above) which then calls the popup.
Props to Frank for the client / server listener tutorial: http://www.oracle.com/technetwork/developer-tools/adf/learnmore/56-handle-doubleclick-in-table-170924.pdf
Props to Martin Deh for the javascript insights: http://martindeh.blogspot.com/2011/03/dynamic-resizing-for-popup-dialogs.html
Hope this helps someone down the road.
Will

Thanks LovettWB ...
Your question helped me a lot... I am able to pass these two parameters width/height to my bean and am able to set it to pop-up :)

Can you dynamically resize a graphic

In AW 7, can you dynamically resize a graphic (jpg, or
whatever) that's already on the screen, with some sort of code.
Need help. Trying to build a piece, but having issues w/ space.
Thanks for any help.

Juice21 wrote:
> In AW 7, can you dynamically resize a graphic (jpg, or
whatever) that's already
> on the screen, with some sort of code. Need help. Trying
to build a piece,
> but having issues w/ space. Thanks for any help.
>
Not as such. You can:
- have multiple copies of the same image and flip between
them (there's
a Show Me on it)
- use Flash
- use alPicView
<url:
http://www.apixel.com/page0203.htm#alpicview
>
Andrew Poulos

Dynamic resizing of popups

Hi All,
I am using JDev 11.1.2.4.0 and bounded taskflows.
In my fragment I have a popup with panel Window. I want to set the content width & height of this as per the browser
I followed the steps as per this http://www.ateam-oracle.com/dynamic-resizing-for-popup-dialogs/
My popup code is as below
                                   <af:popup id="pdfPopup" autoCancel="disabled" partialTriggers="cb1"
                                              popupCanceledListener="#{rLBean.closeDetachPopup}"
                                              contentDelivery="lazyUncached">
                                        <af:panelWindow id="pdfWindow" title="Label Design" modal="true"
                                                        stretchChildren="first">
                                            <af:panelStretchLayout id="psl7" startWidth="0px" endWidth="0px"
                                                                   topHeight="0px" bottomHeight="0px">
                                                <f:facet name="bottom"/>
                                                <f:facet name="center">
                                                    <af:inlineFrame id="if2"
                                                                    source="/pdfservlet?#{bindings.LId.inputValue}*#{bindings.LVn.inputValue}"/>
                                                </f:facet>
                                                <f:facet name="start"/>
                                                <f:facet name="end"/>
                                                <f:facet name="top"/>
                                            </af:panelStretchLayout>
                                        </af:panelWindow>
                                    </af:popup>
This popup is invoked as below
     <af:commandButton text="Maximize" id="cb1" partialSubmit="true"
                                                                      clientComponent="true"
                                                                      icon="/images/maximize_detach.png"
                                                                      shortDesc="Maximize" blocking="true">
                                                        <af:clientListener type="action"
                                                                           method="openPopup('pt1:pdfPopup','pt1:pdfWindow')"/>
                                                    </af:commandButton>
Javascript method is as below
function openPopup(popupId, panelWindowId) {
    return function (event) {
        try {
            var agent = AdfAgent.AGENT;
            var windowWidth = agent.getWindowWidth();
            var windowHeight = agent.getWindowHeight();
            //alert('maximize.............');
            var region = AdfPage.PAGE.findComponentByAbsoluteId('r1');
            //alert(region +' ------------ '+popupId+' --------------- '+panelWindowId);
            var popup = region.findComponent(popupId);
            //alert(popup);
            var panelWindow = popup.findComponent(panelWindowId);
            alert(panelWindow);
            panelWindow.setContentWidth(Math.max(100, windowWidth - 100));
            panelWindow.setContentHeight(Math.max(100, windowHeight - 100));
            if (popup != null)
                popup.show();
            else
                popup.hide();
        catch (err) {
            alert(err);
When alert is there, I am getting the ID of panel window and everything works fine.
But if I comment the alerts, its returning null. I dont know whats going wrong.
Kindly Help

Issue is, with the above code, I am not able to get the panel window ID.
As you'll can see in the javascript code, I have commented the alerts. Magically, if i uncomment one of the alerts, its able to find the ID.
Yes..!! I have tried this code by setting the clientComponent=true for the pop-up as well as panelWindow. But it didn't help.....
Kind Regards

How to dynamically resize virtualbox console (Arch within Arch setup)

My host is Arch, and my guest is Arch. The guest running console without X. I got 1024x728 resolution by adding vga=772 in guest's menu.1st file. Is there a way to dynamically resize the guest's console dimensions by dragging virtualbox's window corner, as you can with a windows guest OS?

Dynamic resizing only works from within X, it doesn't work when in console mode, as it requires the Guest Additions installed. It might of course work in the future if Virtualbox includes a framebuffer driver with guest additions, but somehow I very much doubt they will

Dynamic resize of FAT32 partition with disk utility?

Hi there.
I have a 1TB external FAT32 drive with 300GB of data on it.
I want to convert it to HFS+, but I know there's no easy way to do that.
What I want to know is can I resize my FAT32 partition to 500MB and keep all the data?
Then I'll move it to the new HFS+ 500MB partition, delete the original partition and resize the HFS+ partition.
Or do I have no hope of that?
Thanks
Greg

Greg,
You're probably out of luck on this one. If the drive was partitioned and formatted by a PC (every drive has a partition map, whether there are multiple partitions or only one), it almost certainly has an "MBR" partition map. This would preclude a dynamic resizing by Disk Utility. It will need to be partitioned using either GUID (Intel) or APM (PPC).
Scott

Dynamically resizing DefaultMutableTreeNode

Does anyone know how to resize a DefaultMutableTreeNode after it's been created and initially sized? I have a tree that can be resized, but if I dynamically resize it so that some nodes are wider than the tree, I'd like the last few visible characters within the nodes to be replaced by three dots "..." instead of just clipping the text. The JTable does this when you resize a column.
Thanks,
Steve Sinai

I change the two lines below:
1. This: textField.text = val        to this: textField.htmlText = val;
2. This: return textField.text;     to this: return textField.htmlText;
Here we go:
import flash.events.Event;
import flash.text.StyleSheet;
import mx.controls.TextArea;
public class DynamicTextArea extends TextArea
   public function DynamicTextArea(){
      super();
      super.horizontalScrollPolicy = "off";
      super.verticalScrollPolicy = "off";
      this.addEventListener(Event.CHANGE, adjustHeightHandler);
    private function adjustHeightHandler(event:Event):void{
      //trace("textField.getLineMetrics(0).height: " + textField.getLineMetrics(0).height);
      if(height <= textField.textHeight + textField.getLineMetrics(0).height){
        height = textField.textHeight;
        validateNow();
    override public function set htmlText(val:String):void{
      textField.htmlText = val;
      validateNow();
      height = textField.textHeight;
      validateNow();
    override public function set height(value:Number):void{
      if(textField == null){
        if(height <= value){
          super.height = value;
      }else{
        var currentHeight:uint = textField.textHeight + textField.getLineMetrics(0).height;
        if (currentHeight<= super.maxHeight){
          if(textField.textHeight != textField.getLineMetrics(0).height){
            super.height = currentHeight;
        }else{
            super.height = super.maxHeight;
    override public function get htmlText():String{
        return textField.htmlText;
    override public function set maxHeight(value:Number):void{
      super.maxHeight = value;

Dynamically resizing VBoxes

I have code that changes the cursor indicating user can drag
to resize VBoxes vertically, horizontally, or diagonally, but I'm
not sure how to proceed to dynamically resize the VBoxes.
If the user has the vertical resizing cursor displayed (by
clicking the top border of the lower VBox) and drags, the VBox
above the border and below the border should both resize.
Any ideas for how to proceed with this?
Code is attached, and all you need are three images 16x16
px.

"Greg Lafrance" <[email protected]> wrote in
message
news:gnha8u$onj$[email protected]..
>I have code that changes the cursor indicating user can
drag to resize
>VBoxes
> vertically, horizontally, or diagonally, but I'm not
sure how to proceed
> to
> dynamically resize the VBoxes.
>
> If the user has the vertical resizing cursor displayed
(by clicking the
> top
> border of the lower VBox) and drags, the VBox above the
border and below
> the
> border should both resize.
>
> Any ideas for how to proceed with this?
Use VDividedBox instead?

Tutorial for Flex Layout

Hi,
Anyone have tutorial for Flex Layout
Thanks in Advance,
Arun P. Ganesh

These links are also great resources:
http://evtimmy.com/
http://evtimmy.com/2009/10/spark-layouts-with-flex-4-beta/
http://www.adobe.com/devnet/flex/articles/spark_layouts.html

Require a region to be displayed on the right of dynamic tab shell layout

I'm using Dynamic tab shell layout for my appliation.
So whenever an user clicks on a task on the navigation, i'm launching a new taskflow in a tab.
I have a new requirement to always display something on the right of the dynamic tab shell. (similar to navigation facet on the left, but its not used for navigation and it is used to display some text or image irrespective of whatever show in other facets)
How this can be acheived?
Any pointers would be appreciated.

Which version of FCE are you using ? I could test it only with FCE 3.0, 3.5. I learned that some older versions have different filter support, that is not compatible with the current one. But I cannot test them since I don't have them...
Otherwise, if your version is compatible, it's possible that the downloaded text file (the filter is a text file) does not have the correct "settings", has described in my Plugin Installation page. Basically you must make sure that Line Breaks are "Unix" and Encoding is "Unicode (UTF-8, no BOM)", otherwise FCE doesn't recognize it as a filter. To check/fix them unfortunately TextEdit doesn't help, but you may use the free TextWrangler.
If you downloaded the .zip file these settings are already correct, while if you download the pure text file they might have been modified during download.
Let me know
Piero

Dynamically Resize Flex Layout

Similar Messages

Maybe you are looking for