Af:table auto width
Hi Folks,
i have an af:table with some column. Selection of some inputChoice hides/unhides on of the columns. The moment column is hidden i can see blank space for that column. How can we adjust the width of table based on nos of columns to be displayed.
Its a simple JEE project with adf faces as presentation tier
thnks
the columnStretching property works like this:
Indicates what kind of stretching you want applied to the columns. For optimal performance, use the "none" (default) option. If you want the last column to stretch to fill up any unused space inside of the viewport, use the "last" option. If you want to have an empty blank column be automatically inserted and have it stretch (so the row background colors will span the entire width of the table), use the "blank" option. If you want to have a specific leaf (non-group) column stretch to fill up any unused space inside of the viewport, use the option where you specify "column:" followed by the ID of the column that you want to have stretched, e.g. "column:myColId". If you want more than one column stretched, use the "multiple" option. When the "multiple" option is used you can set the widths in the columns (non-group) to be percentages. See the column documentation for how percentages are handled. Note that row headers and frozen columns will not be stretched because doing so could easily leave the user unable to access the scrollable data body of the table.
Similar Messages
-
Spry Menu Bar 2.0 auto-width issues for sub items
I am testing the spry menu bar 2.0 and it displays perfectly in IE 9.0/8.0 but the auto width is not working for Firefox (testing 3.6.16), Chrome (testing 10.0.648.205), or Safari for windows. Content is being driven by PHP and MySQL. This is the first time I have come across something working better in IE than the other browsers. Great job on the IE patch script. How do I get the other browsers to cooperate? I moved the in page CSS generated by the widget browser to it's own CSS (called spry_menubar2_horizontal_sample_layout.css) and am including the files below in the head. The links below point to an exact copy of the files as the working copy of the files is located elsewhere.
SpryMenuBasic.css - link
SpryMenuBasicSkin.css - link
spry_menubar2_horizontal_sample_layout.css - link
SpryDOMUtils.js - link
SpryDOMEffects.js - link
SpryWidget.js - link
SpryMenu.js - link
SpryMenuBarKeyNavigationPlugin.js - link
SpryMenuBarIEWorkaroundsPlugin.js - link
the in page script is loacated directly under the <ul> lists.
Similar example with php removed:
<div id="navigation">
<ul id="MenuBar">
<li> <a href="http://www.videoonpointe.com/">Home</a> </li>
<li> <a href="#">Gallery</a>
<ul>
<li> <a href="#">View Gallery</a></li>
<li> <a href="#">Select Gallery</a>
<ul>
<li> <a href="#">Main Gallery</a>
<ul>
<li> <a href="#">a gallery</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#">Edit this Gallery</a></li>
<li> <a href="#">Create Gallery</a> </li>
<li> <a href="#" onClick="return confirm('This action cannot be undone. Are you sure?');">Delete this Gallery</a></li>
</ul>
</li>
<li> <a href="#">Photo</a>
<ul>
<li> <a href="#">Edit Photo</a> </li>
<li> <a href="#" onClick="return confirm('Deletion of this image cannot be undone. Are you sure?');">Delete Photo</a> </li>
<li> <a href="#">Set as Gallery Thumbnail</a> </li>
<li> <a href="#">Change Watermark</a> </li>
</ul>
</li>
<li> <a href="#">Pricesheet</a>
<ul>
<li> <a href="#">Pricesheet Admin</a> </li>
</ul>
</li>
</ul>
<script type="text/javascript">
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarLeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
</script>
</div>
Has anyone encountered this issue before? Any thoughts on how it can be fixed? Thank you for your help.I am surprised no one has responded yet. Surely someone has encountered this before. Any thoughts?
-
How to stop table columns widths from drifting
I discovered that all the columns widths of my tables change on their own,
leading me with tables of different columns widths where I wanted to
maintain a strong cohesion of presentation among them.
Here is a scenario to reproduce and understand the problem:
• create a new Pages'08 document;
• insert a Table;
the 3 columns of this newly created table are 5.49 cm width each.
Problematic case:
• change the first column width with:<pre> Table > Table > Column Width > 5 cm</pre> and hit return
• the column width will switch to 5.01 cm
• the 2 other columns widths will have switched to 5.50 cm.
Is there a technique, I didn't find yet, to define a table column to a
fixed value so that Pages'08 won't make it drift and wont touch to
other columns width?
<pre>--------
As long as you'll see students making graphics with pen on paper,
you'll see the missing keystone of the software empire.
dan</pre>Peter, Fruhulda, thank you for your analysis and confirmation.
PeterBreis0807 wrote:
daniel
I have noticed the same thing and have given up on it.
It's a mess.
I can't say it more politely .
Let Apple know:
-> https://bugreport.apple.com/
<pre>--------
As long as you'll see students making graphics with pen on paper,
you'll see the missing keystone of the software empire.
dan</pre> -
How to stop windows ipv6 route table auto-update
In ipv6 , windows xp can get one global ipv6-address. how to delete the address and del the route in route table persistent? And stop route table auto update?
The WsusContent folder is filled with 256 folders that are two-characters long (e.g. 00, 0A, 0B, etc), and each of those folders are filled with exe and cab files all with what appears to be a GUID as a filename.
Currently the C:\Program Files\Update Services\WsusContent folder is 27.5GB in size with 256 folders and 15,361 files.
Classifications are confirmed matching exactly when viewed from either the WSUS console or the Software Update Point Component Properties on the CAS server:
Critical Updates
Definition Updates
Security Updates
Service Packs
Update Rollups
Updates
Product selection is confirmed matching exactly when viewed from either the WSUS console or the Software Update Point Component Properties on the CAS server:
Developer Tools (VS 2005 - 2013, etc)
Exchange 2007, 2010, 2013
Forefront Endpoint Protection 2010, TMG Definition Updates for HTTP Malware and NIS, TMG, TMG Firewall Client
BitLocker Admin
Lync 2010, Lync Server 2010 and 2013
System Center DPM 2006 and 2010
Office Dictionary updates, new dictionaires, XP, 2003, 2007, 2010, 2013
Silverlight
SQL Server 2012, 2000, 2005, 2008, 2008 R2, 2012, feature pack
System Center 2012 (all), 2012 R2 (all), 2012 SP1 (all)
Windows (all except EU browser choice and graphics drivers for 8.1 upgrade)
Admittedly we could update that list a bit, but it sounds like you don't think there should be any content downloading to the WsusContent folder at all? -
Problems with auto widths - Safari, IE
http://www.spoc-ortho.com/test_jn.html
What am I doing wrong?
1. In Safari, all of the submenus except for "Employment"
have a one-line gap between the main menu bar and submenus.
2. I followed the directions at
http://livedocs.adobe.com/en_US/Spry/1.4/help.html?content=WS0BB04E11-1BE3-4a67-BC94-BE7DA 93A0159.html
to change from fixed-width to auto width, but now in IE 7 the menus
don't drop down at all but instead are jumbled together with extra
content on the right side of the page. If IE 7 gets it this badly,
I don't even want to consider IE6...
Project is due Thursday end-of-day (4/10/08)... I've spent
three days messing around with this and am getting nowhere.I am sorry, but you have changed the CSS beyound recognition; I do not want to spend my time going through it to correct it.
One example that has angered me is
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
margin: 0;
padding: auto;
list-style-type: katakana;
font-size: 100%;
cursor: default;
width: 13em;
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color:#313132;
border-bottom-style:groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
Changing this has not made you an expert
Another example on or about line 155 is this line which is sure to upset the browser.
ul.MenuBarVertical a:focus
Yet another one
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: -11px;
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color:#313132;
border-bottom-style:solid;
border-bottom-style:groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
I suggest you start with a new widget, but before you do, read this http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps -
GridView support auto width and center both LandScape and Portrait
Hi.
I have a problem with GridView. How can i set auto width of item in GridView and auto center it ?
I add 3 item and width_height of each is 100.
My code :
<GridView x:Name="gridControl"
Padding="5"
ItemsSource="{Binding}"
HorizontalAlignment="Center"
IsItemClickEnabled="True">
<GridView.ItemsPanel>
<ItemsPanelTemplate>
<WrapGrid Orientation="Horizontal"
MaximumRowsOrColumns="5" />
</ItemsPanelTemplate>
</GridView.ItemsPanel>
<GridView.ItemTemplate>
<DataTemplate>
<StackPanel Margin="10"
Width="100"
Height="150">
<Image Source="{Binding AppIcon}" />
<TextBlock Grid.Row="1"
Text="{Binding AppName}"
TextWrapping="Wrap"
TextAlignment="Center"
FontSize="20" />
</StackPanel>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>
Problem is :
- When list item only 1 or 2, It's still in center so margin Left and Right so much. I want if number of item not fill screen width it must Alignment with left. And if width of item over screen size it must auto next row and center all in Screen.
Like this :
| Item1 Item2 |
And :
| Item1 Item2 Item3 |
| Item4 |
Don't want this:
| Item1 Item 2 |Like this :
| Item1 Item2 |
And :
| Item1 Item2 Item3 |
| Item4 |
Don't want this:
| Item1 Item 2 |
Hi Khiem Huynh Kites,
In order to implement your above requirement, please try to remove the HorizontalAlignment="Center" from your GridView, or it will let the GridView item in the center-alignment. And I have tested in my side, it works very well, please
try to check it:
<GridView x:Name="gridControl"
Padding="5"
ItemsSource="{Binding}"
IsItemClickEnabled="True">
The result:
Best Regards,
Amy Peng
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey. -
Set the table's width for TableView
I am creating a new TableView with few columns and I am trying to set the width for the entire table. I searched the API but it only gives me setMaxWidth. I tried but, it didn't work. Can anyone suggest me how to set the tables width.
I am doing this:
private TableView<XYZ> table = new TableView<XYZ>();
table.setMaxWidth(600);
table.setLayoutX(15);
table.resize(40, 40);
But nothing really changed the entire table's width.
thanks.Column resize policy is what you are looking for.
-
Locking Table Cell width/height
Is there a way to lock a table size width or height?
Thanks,
Lorne> I'm open to suggestions for how to organize these
galleries? We have
> hundreds
> of photos and we really are wanting to have ONE .html
page per project.
> Not
> twelve or what not.
>
Go here -
http://www.projectseven.com/
Look at their slideshow extensions. You won't find better
ones anywhere.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"lorne17" <[email protected]> wrote in
message
news:g4besi$dsh$[email protected]..
> I'm trying to get an image gallery with thumbnails. But
half our images
> are
> landscape the other half portrait. So it's hard to get
them to be the
> same
> resolution. Some are panoramic too.
>
> So what I need is a way to have my images show up on the
site without
> disrupting the format the text.
>
> Look here: www.barleypfieffer.com Click
portfolio/residential/any
> project.
> You'll see our current layout. The last web designer has
each and every
> image
> a different webpage. So trying to add new projects and
update current
> just
> takes entirely too long.
>
> I'm open to suggestions for how to organize these
galleries? We have
> hundreds
> of photos and we really are wanting to have ONE .html
page per project.
> Not
> twelve or what not.
>
> Thanks,
> Lorne
> -
Auto Width Horizontal Menu Bar
I've browsed the forum to see if anyone else has had this
problem. I didn't find anything, so I apologize if this is a
repeat.
I'm having problems with long submenus that don't wrap. Right
now my submenus look like the second sample in the Auto Width
Horizontal Menu Bar page from Labs. I need them to look like the
last sample at the bottom of the page.
Auto
Width Horizontal Menu Bar Sample
I've tried the suggestions in this page, but when I change
the ul.MenuBarHorizontal ul width to auto, it skews my submenus and
they stretch across the page instead of down in a list. And they
still have the extra white space. Any other suggestions?
I'm sorry, I can't provide a URL, but like I said, my menus
look like the samples in the Labs document.I have the same problem...
-
Hello again!
Today is my day to deal with af:table :)))
Please, consider refactoring af:table to allow width&height:auto!!! And, please, please, please, allow something like
<af:table rowsHeight="x">
so the height is set to exactly display x rows (and set height automatically).
I'm really having hard time to explain to users that tables must(!!!) have fixed size – wasting space on UI when small amount of data is rendered... and user have to scroll down to see other content... huh! The customers....
(guys who agree, please add +1 post to this forum so dev's take it seriously – thanks!)
While I'm here, got another idea: enable setting af:inputText to multi-row input mode WHILE having height of single row (allowing automatic overflow by x and/or y axis). This is another example of UI space saving enhancement desperately needed...
Cheers,
PaKoI have the same issue. The only way I able to get a table resizing correctly is to have the table in the facet of either 'panelStretchLayout' or 'panelSplitter' directly. And I mean directly. Do not have it content in any other component.
If you contain the table with panelBox or paneGroupLayout, the resizing does not work.
For my requirement, I have to contain the table inside a panel box (for the nice looking header etc.) and it has to resize correctly.
I would really like ADF group to solve this issue too.
HTH,
--AJ -
How to make panel collection with auto width and height in popup dialog ?
Hi,
I have ony af:popup in that I have added af:dialog. And in this af:dialog I have added af:table which is surrounded by af:panelCollection.
Means my popup structure is like as below
af:popup
af:dialog
af:panelCollection
af:table
If I set resize="on" in af:dialog then I can able to resize my popup dialog but the panelCollection inside the af:dialog is not become auto adjusted.
I am able to make panelCollection width auto adjusted by using AFStretchWidh style class but not able to adjust its height.
Hope you can understand my problem and pls try to provide me its solution if you have already implemented this.
Regards,
DevDI believe you are using af:panelGroupLayout because there are some other components except af:panelCollection, so try this combination
<af:popup id="p1">
<af:dialog id="d2" resize="on" stretchChildren="first">
<af:panelStretchLayout id="psl2">
<f:facet name="bottom"/>
<f:facet name="center">
<af:panelCollection id="pc1">
<f:facet name="menus"/>
<f:facet name="toolbar"/>
<f:facet name="statusbar"/>
<af:table var="row" rowBandingInterval="0" id="t1">
<af:column sortable="false" headerText="col1" id="c1">
<af:outputText value="#{row.col1}" id="ot5"/>
</af:column>
<af:column sortable="false" headerText="col2" id="c3">
<af:outputText value="#{row.col2}" id="ot4"/>
</af:column>
<af:column sortable="false" headerText="col3" id="c2">
<af:outputText value="#{row.col3}" id="ot3"/>
</af:column>
<af:column sortable="false" headerText="col4" id="c4">
<af:outputText value="#{row.col4}" id="ot2"/>
</af:column>
<af:column sortable="false" headerText="col5" id="c5">
<af:outputText value="#{row.col5}" id="ot1"/>
</af:column>
</af:table>
</af:panelCollection>
</f:facet>
</af:panelStretchLayout>
</af:dialog>
</af:popup>Put only af:panelCollection in CENTER facet of af:panelStretchLayout and use other facets of af:panelStretchLayout for other components. -
Is it possible to turn-off the auto re-sizing feature of WD table UI element ? Tried setting the width property to px and %...and looks like this does not over-ride the dynamic sizing feature. Even setting the columns to fixed width did not help.
Any suggestions ??
Thanks in advance !Hi Srikanth,
Setting the column widths in pixels will help you to restrict the width of the table.But the corresponding celleditor's properties should also be set accordingly. For eg:, if you are using TextView as a celleditor, it's wrapping property should be set to true. If you are using an input field, either it's width has to be set in pixels or the length has to be specified as the no: of characters. Like wise, setting the width for all columns will restrict the table width itself.
Hope this helps,
Best Regards,
Nibu. -
Wokring with a CMS that pulls in an image into the site,
specifically a nested table. Unless the image is sized perfectly
when added, it distorts the site layout by pushing the table hieght
or width out of it's intended size. Is there a line of code that
will either resize the image being brought in, or that can lock a
specific height and width to a table?
Thanks!Hi GG,
Thanks for that info, it helps :)
What I'm trying to do is make a toolbar for the top of the
screen. I'm using Zinc to make the projector window transparent
which should clear up some questions you might already have.
To do this, I would prefer to simply alter the Stage.width to
be the resolution of the primary display. Flash doesn't support
this. Zinc however, supports resizing flash by force, and it does
what it says, however the coordinate system is a little gimpy when
Zinc does it.
In Zinc, the left and top edge coordinates of a resized
document goes into the negatives. For example a 100x100 document in
flash has a X/Y range of 0-100 on both X and Y. If I resize it to
200x200 in Zinc, the coordinates go from -50 to 150, instead of 0
to 200.
Instead of this I wanted to use flashes nature against
itself. That is, it auto-crops a document to screen resolution. So
if I make a header bar larger or equal to the largest typical
standard (1920), dual monitors aside, flash will auto-crop it for
me, as long as I have noScale mode on.
I have it working in this way. I detect how much I've been
cropped, and then adjust the horizontal coordinates of things. It
lines up perfectly. However I don't really like this way. At some
point in the future flash may work differently and I'd like to
consider that now.
Anyone (especially Zinc users) have any idea on how to
achieve this otherwise? Zinc lets me keep my headerbar "Always on
Top" and such so it works and feels exactly like a real toolbar.
Fear not, this is for a specific purpose for a specific
friend who want something to help him quickly launch some programs.
I'm not making one more toolbar for IE or something haha.. It's a
good usage ;)
Thanks! -
How to fix Classic table column width / length fix ?
Hi,
I have a page for display purpose. In this page I am showing record.
My requirement is to make Description column width fix. If data of description is huge then height will increase but not the length / width.
Currently width property is 100%.
Table is attached to VO.
How to it ?
Regards,
AjayAjay ,
I was looking into the two screen shots , i also had a close look at “Device Description” and “UDID " columns .
I have also tried in my Jdeveloper it was not working . But it works fine if you change item style from styled text to
message text input . I want you to try one more thing , since it work fine for message text input , change item style
to message text input and set Read Only property to ' TRUE' and check .
Keep size as same as you did before :
Height :- 2
Width :- 30
Keerthi -
Automatically Sizing Table Cell Width Using CSS
How can I get my CSS sheet to automatically size the width of
the table cells where text is located?
Example
Pagequote:
Originally posted by:
Newsgroup User
That's how table cells work with no prompting from you, if
they have no
width assigned at all.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"rmiman" <[email protected]> wrote in
message
news:ev0h1o$a4j$[email protected]..
> How can I get my CSS sheet to automatically size the
width of the table
> cells where text is located?
>
>
http://www.rminc.com/test_examples/test3.html
I know but let's say I want to have a table with a width of
600px and 5 columns, 2 of those colums have content and the other 3
don't. I want those 2 columns with content to automatically size
themselves but since my table has a width of 600px it won't
work.
Maybe you are looking for
-
HT204088 my phone wont let me purchase songs or apps.
it says there is a problem with the payment method? there is PLENTY of money in my account. i purchased four songs a while back, that are now on my phone, but the money for them never got taken out. now everything seems frozen. what do i do?!?!
-
Report for inquiries for all customers and material
how can i see a report of all inquiries of all customer and materials is there any predefine report in sap we do have va15 but it does not list depending on the custmer or material, how can we do it for all customer thanks
-
How do I create a custom action to split a PDF into multiple pages in Acrobat DC?
I can create a new action to "organize pages" but I don't see any way of specifying split options. (Split being a member of the Organize Pages subgroup in the main tools section...)
-
A fix for screensavers that don't work with Snow Leopard?
is there a fix for the screensavers that no longer work with Snow Leopard? some of the developers have came out with new versions, but a few of them have been abandoned by their authors. Is there a way to run those screensavers in 32 bit mode?
-
problem definition: To build android application using existing desktop dimension fla fies , I am resizing that files to mobile dimension and publishing with air fo android 16 . In this process some fla's are not resizing properly I mean the content