How to emulate CSS fixed position in Flex 3

Does anyone know how to emulate CSS fixed positioning in Flex 3?
Canvas (absolute layout) uses coordinates same as HTML/CSS absolute positioning.
How do I achieve fixed positioning where the panel is taken out of the flow and positioned relative to the application chrome? (similiar to applicationcontrolbar, but not exactly)
Someone please tell me if it is possible and some ideas how to achieve.
Mike

do not use the forum as marketing place for you site. if you want to share the content with SDN users, you have the blog area, wiki, article area.
raja

Similar Messages

I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

I need to align the margins of my forms with those of my website, I have looked at all the options and unfortunately I am unable to do it with access to the Adobe.form.min.CSS file which I can't access as a consumer, how else can I fix my problem

How to put the URL-bar at a fixed position to the right of tabs ?

I have moved the URL-BAR to the right of tabs, on the same row, and reduced the size with a few lines in "userChrome.css".
I want the URL-bar to be at a fixed position as far to the right as possible, so i get as much free space as i can for my tabs.
I´m using FF 20.

Sounds that you are using wrong code in the userChrome.css file.
You can set the max-width of the location bar and the search bar to force a maximum width of both bars.
<pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#urlbar-container { max-width: 400px !important; }
#search-container { max-width: 200px !important; }
</nowiki></pre>

How to set Css in mobile device + OS using Flex 4.5 Mobile

Hi,
how to set Css for mobile device + OS
is it possible
@media (device : "IPAD") and (application-dpi: 160) and (os-platform: "IOS") { }
Can anyone help to me.

BorderContainer wont resize if the fixed width is specified, if u want to give some minimum width you can use minWidth . Give Width = "100%", now it will get Resizing capabilities

Standard report with fixed position.

Hello,
I have a page where i want the first report to have a fixed position.
I have 3 regions with reports, the first will only display product name and number, the next report will display sales. The last report is very long so I have to scroll quite a bit. That's why i want the first report with names to have a fixed position so i can see which product i'm looking at.
I have tried to make a copy of the standard report template, and in the before rows i have this code
<table class="t3standard" summary="Report" style="position:fixed;">
this didn't work
Is this a way of making changes to the report template? Is it possible to make theese kind of changes in the report template or du I have to go inside the CSS file to add position:fixed somewhere?
Anders

What browser(s) are you using? Win IE doesn't support fixed positioning :-(
How about setting a fixed height for the last report and making it scrollable using overflow: scroll? This would make the first 2 reports "fixed" by default...

How to create a fixed-width column within an APEX 4 interactive report?

This thread is a follow-up to {message:id=9191195}. Thanks fac586.
Partial success: The following code provided by fac586 limits the column width of the Apex 4 interactive report column as long as the column data contains whitespace within a Firefox 3.6 browser:
<pre class="jive-pre">
<style type="text/css">
th#T_DESCRIPTION {
width: 300px;
td[headers="T_DESCRIPTION"] {
width: 300px;
word-wrap: break-word;
</style>
</pre>
Notes:
1. The code above is put into the HTML header section for the page.
2. T_DESCRIPTION is defined as VARCHAR2(2000).
3. The code above works within the Firefox 3.6.12 browser but does not work within the Internet Explorer 7.0.5730.13 browser.
I tried adding "float: left;":
<pre class="jive-pre">
<style type="text/css">
th#T_DESCRIPTION {
width: 300px;
td[headers="T_DESCRIPTION"] {
width: 300px;
word-wrap: break-word;
<font color="red"> float: left;</font>
</style>
</pre>
Notes:
1. "float: left;" does not require whitespace and successfully splits the column between characters in lieu of whitespace.
2. "float: left;" shrinks the cell height and allows the page background to show through... couldn't determine how to fix this.
3. The code above works within the Firefox 3.6.12 browser but does not work within the Internet Explorer 7.0.5730.13 browser.
I've done some more research, but I still haven't discovered how to create a fixed-width column within an APEX 4 interactive report that displays properly within an Internet Explorer 7 browser.
Any ideas and help will be appreciated.

Thanks for your help with this!
<pre class="jive-pre">
what theme are you using?
</pre>
A customized version of theme 15.
<pre class="jive-pre">
Floating a table cell makes no sense (to me anyway).
</pre>
You are correct. I was just trying a different approach ... trying to think out of the box.
<pre class="jive-pre">
Think you'll need to create an example on apex.oracle.com with sample data
if there are any further problems.
</pre>
Great suggestion! The code your provided works in the Firefox 3.6.12 browser, but still doesn't work within my Internet Explorer 7.0.5730.13 browser.
UPDATE:
I have recreated the problem at apex.oracle.com, you can use the following information to check it out:
URL: http://apex.oracle.com/pls/apex/f?p=43543:100::::::
Workspace: IR_FIXED_WIDTH_COLS
Username: GUEST
Password: Thx4help
Application: 43543 - CM_RANDY_SD
Note: Table name is TEST_DATA
The following code provided by fac586 works in both Firefox 3.6 and IE7 using default theme "21. Scarlet" at apex.oracle.com; however, it doesn't work when I use a copy of our customized theme "101. Light Blue":
<pre class="jive-pre">
<style type="text/css">
.apexir_WORKSHEET_DATA {
th#T_DESCRIPTION {
width: 300px;
max-width: 300px;
td[headers="T_DESCRIPTION"] {
max-width: 300px;
word-wrap: break-word;
</style>

</pre>
Any idea what in the theme could be causing the fixed width column to be ignored in IE 7?
Edited by: CM Randy SD on Dec 7, 2010 11:22 AM

FTP/File adapter with Fixed Position File Format

Hi All,
Can any one guide me how to deal with the fixed position files while using File or FTP adapters?
Thanks In advance

Hi,
Have a luk at the below link it has gud examples:
http://download.oracle.com/docs/cd/B31017_01/integrate.1013/b28994/nfb.htm#CCGIBHFH

Displaying a widget (JPanlel) at fixed positions

Hi!
I have a form and I want to display a JPanel when I click on different widgets with its left-top corner at the mouse location. I think I can figure out how to get the mouse coordinates, but I don't know how to tell a JPanel to position itself at a fixed position.
Any suggestions?
Thank you,
Catalin

You can have two static varibles which can make a note of the x and y coordinates. wenver the user clicks on the frame you can create the panel and place it at the frame at the specified place.
setPosition will be useful in this context....

Fields in Fixed Position

Hey everyone
I am having a problem with one of my reports. The problem is I want to have a field that has a fixed position on the report say, but whenever I run the report, it always moves my text right below the previous repeating frame or shows up on the last page only. I have set my property for this field to Show All Pages, but it doesnt' seem to work. How can I do this?
Thanks, much appreciated
Cheers

Hi,
Very nice explanation. Thanks.
What you have to do is..
As you said that after printing detail records the frame goes to almost 9 inches of each page and then in the end you want to print that last field. So in layout editor of you report i can see the field F_REPEATING_TEXT is close to that repeating frame. Just increase the size of repeating frame and make it vertical 9 inch in your layout editor. And keep the same distance for this field and frame in layout editor then set the repeating frame property VERTICAL ELASTICITY to FIXED. As i said in my previous post. Then your layout of report should look like this
Repeating Frame
|Field1 (Inside the repeating frame)|
Repeating Frame End here
F_REPEATING_TEXTSo, as you can see what you have to do now. Just expand the frame till end of you layout editor just leave the space for that repeating field and set property FIXED for repeating frame and the field property is correct. Then it will work..
-Ammad
Edited by: Ammad Ahmed on Apr 19, 2010 8:06 PM

How to set a fixed width for a box

Hi there,
Struggling here.... must admit.
I need a solution whereby I can set a fixed width for a box that is grouping two buttons. I suppose generally, I want to know how to set a fixed width for anything element.
See the picture below. I want the two buttons to stay the same distance apart, and I want the grouped buttons to stay the same distance from the right edge of the window, even as a user resizes the window.
This is what happens when you reduce the size of the window .....
I would like to stop this from happening.
I can't figure out how accomplish keeping the parent div a fixed width, and a fixed position from the right side of the window, so the buttons won't overlap.
Perhaps I'm doing the whole thing wrong.
I mean, is there a way to accomplish this without grouping the buttons? That is, make the buttons fixed width, fixed distance apart from each other, and fixed distance from the right side of the window, even as the user resizes the page?
I am trying to accomplish this using the Min/Max width settings, but given that there are so many different units to choose from, and the fact that when I place a button or box on the screen, it seems to be creating that button or box with a percentage-based width, I don't know how many pixels to set it to.... sigh....
Many thanks in advance for your help.
Sam

Okay after much futzing I figured out at least part of the solution I need, but if someone knows of a more efficent way to do this please let me know.
I set a fixed minimum width in pixels for both of the buttons at 156px.
I then made the left button float left and the right button float right.
I then made the parent div for the buttons float right.
That made the buttons stay the same size.
The only thing I need to figure out how to do now is make the parent div stay a consistent distance in pixels from the right. I tried setting a right margin but that didn't work. As you size the window down, the div gets closer to the edge, until it passes it.

Clone stamp - fixed position sampling?

It seems there is a way to fix the sampling to a fixed position on the alt-click so that the cross does not move even though you are moving the brush. Is that correct and if so, how?

Also,be aware that unchecking that box does not hold all the time. not sure if its a recognized bug or not, but it constantly rechecks itself on my machine.

Reports - Priting a frame at a fixed position

I am developing an invoice report which prints order details and a payment stub. Order detail is in one frame and stub in another. I want to print the stub always at a fixed position towards the end of the page. Frame for the stub has a pageprotect. When the order frame takes nearly a page, the stub is printed on top of the next page. How can I force it to print towards the bottom of the page?
Thanks in advance.

The reason why your payment stub goes to the top of the next page is because of the implicit anchoring that exists between the stub frame and the details frame.
I suggest you draw a normal frame which ecloses both the frame and having vertically expand property and then manually achor the bottom of the stub frame with the bottom the new frame. This should solve the problem.
All the best. Reply if you get any other solution.
null

[svn:fx-trunk] 11593: Advanced CSS fix - descendant selectors should search for arbitrary ancestors including when the universal selector is used .

Revision: 11593
Author:   [email protected]
Date:     2009-11-09 15:20:36 -0800 (Mon, 09 Nov 2009)
Log Message:
Advanced CSS fix - descendant selectors should search for arbitrary ancestors including when the universal selector is used.
QE notes: Please add test cases for arbitrary ancestor depth that involve using the universal * selector. Thanks for the additional testing on this patch too!
Doc notes: N/A
Bugs:
SDK-23213 - descendent selectors can't catch components more than one level down
Reviewer: Corey
Tests run: Checkintests, test case
Is noteworthy for integration: No
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-23213
Modified Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/CSSSelector.as

Welcome guy -
Unless you are using Spry menus as a learning experience, you should move forward to a menus system that will display properly on the millions of portable devices that won't work with Spry which was deprecated 2 years ago.
Many are using JQuery menus or pure HTML/CSS menus.
If you wish to continue your Spry for learning experience, we'll be glad to assist; please let us know.
By the way, your submenus are not showing because you need to add the red value to this rule in your vertical CSS
ul.MenuBarVertical ul.MenuBarSubmenuVisible{
    width: 220px;
    left: 180px;

Creating a text with a java script on fixed position

Hello i want to know how to create a text with a java script on fixed position
thanx

Hi,
Your next steps are hidden here:
http://www.jongware.com/idjshelp.html
Object you created (textFrame, page, text) have properties to set or methods to execute.
You could find them all inside above Jongware's Kingdom of Knowledge.
In example:
to set your text size use:
myTextFrame.texts[0].pointSize = 12;
Jarek

How could i set fixed heights for all of my web pages?

I want fixed heights for all of my web pages.Do i have to set any margins for my footer?Because by adding some contents in between header and footer ,then the footer goes down.How could i have fixed height pages?

You may like to have a fixed footer as in
#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;

How to emulate CSS fixed position in Flex 3

Similar Messages

Maybe you are looking for