Tile layout container: aligning content horizontally

Hi,
I am using a Tile layout container to show a few Panels (all
have the same dimensions). I have set the Width of the Tile
container (to 100%) and want to have the children centered
horizontally. In my experimentation I have found that the
.horizontalAlign property has no effect when the width of the Tile
container is set.
Is there a good way to tile controls across a horizontal
space, always centering them, and adjusting the number of items
displayed on a single row to use the maximum horizontal space (i.e.
I don't think the Grid layout container is a good candidate)?
Joubert

Similar Messages

Problem found in Tile layout

In a Tile layout columns and rows are set to 2.
In the content, 6 ImageViews are loaded. And the output displays columns 2 and rows 3.
(note that we had set the rows : 2)
Does this mean the content object will iverride the rows defined.
Tile {
columns: 2
rows: 2
hgap: COLUMN_GAP
vgap: ROW_GAP
tileHeight : IMAGES_HEIGHT/requiredRows
tileWidth : IMAGES_WIDTH/requiredColumns
content: [
ImageView {
image: Image{url : "{__DIR__}images/1.png"}
fitHeight : IMAGES_HEIGHT/requiredRows
fitWidth : IMAGES_WIDTH/requiredColumns
ImageView {
image: Image{url : "{__DIR__}images/2.png"}
fitHeight: IMAGES_HEIGHT/requiredRows
fitWidth: IMAGES_WIDTH/requiredColumns
ImageView {
image: Image{url : "{__DIR__}images/3.png"}
fitHeight : IMAGES_HEIGHT/requiredRows
fitWidth : IMAGES_WIDTH/requiredColumns
ImageView {
image: Image{url : "{__DIR__}images/4.png"}
fitHeight : IMAGES_HEIGHT/requiredRows
fitWidth : IMAGES_WIDTH/requiredColumns
ImageView {
image: Image{url : "{__DIR__}images/5.png"}
fitHeight : IMAGES_HEIGHT/requiredRows
fitWidth : IMAGES_WIDTH/requiredColumns
ImageView {
image: Image{url : "{__DIR__}images/6.png"}
fitHeight : IMAGES_HEIGHT/requiredRows
fitWidth : IMAGES_WIDTH/requiredColumns
]

From [javafx.scene.layout.Tile|http://java.sun.com/javafx/1.2/docs/api/javafx.scene.layout/javafx.scene.layout.Tile.html]:
Tile can be configured to lay out the tiles either horizontally or vertically
and will automatically wrap tiles at the tile container's width (for horizontal) or height (for vertical).
To establish the tile's initial preferred size, the number of rows and/or columns may be specified at initialization.
However, if the tile container's size changes after initialization,
the number of rows and columns may change to flow the tiles appropriately within the space.Default orientation is horizontal, so the Tile puts nodes horizontally until it meets the required number of columns. Then it flows the nodes to whatever number of items are there.
If you set vertical: true, it does the reverse and respect row's number.
var c = Tile {
columns: 2
rows: 2
hgap: 20
vgap: 20
//~ vertical: true
tileHeight : 100
tileWidth : 200
content: [
Text
content: "One"
font: Font { name: "Arial Black", size: 50 }
Text
content: "Two"
font: Font { name: "Arial Black", size: 50 }
Text
content: "Three"
font: Font { name: "Arial Black", size: 50 }
Text
content: "Four"
font: Font { name: "Arial Black", size: 50 }
Text
content: "Five"
font: Font { name: "Arial Black", size: 50 }
Text
content: "Six"
font: Font { name: "Arial Black", size: 50 }
Stage {
    title: "Tile Layout"
    width: 800
    height: 800
    scene: Scene {
        content: c
}

I live in a home with two other people, and one housemate tried to sync up his content from iTunes and iCloud onto another housemate's new iPad. the iTunes library only contains my content. is there any way to retrieve the there person's iCloud?

i live in a home with two other people, and one housemate tried to sync up his content from iTunes and iCloud onto another housemate's new iPad. the iTunes library only contains my content. is there any way to retrieve the other person's iCloud? Can they go out of my account? Their content is saved on their iPads, but can another iCloud be on the same home computer?

The syncing of music is one way, computer to phone. See this helpful document from a fellow user. Credit goes to the author.
https://discussions.apple.com/docs/DOC-3141

Tile layout button not showing.

Hello all,
I am trying to set my home view (wcc_lam_home, leasinghome.do) to a tile layout, because our users just want to see a 1-column layout instead of a 2-column layout.
In customizing I added this overview page to the table "Registration of Overview Pages for Tile Layout", but when I open the configuration page for this view in the webclient or the workbench, I do not see a Tile Layout button.
Anyone who knows why I don't see this button? Anyone who knows where I can find the coding that should control the display of this button?
Regards,
Martijn.

Hi Matt,
It could be that the image has gone missing from the server. In a region's Region Header or Region Footer, add in:
<img src="#IMAGE_PREFIX#themes/theme_3/button_xp_center_FFFFFF.gif" alt="" width="4" height="24" />Do you see the image?
#LINK# is created from the button name, usually as: doSubmit('BUTTONNAME'). #LABEL# is the label you have set for the button. Neither should affect the image display as that is actually part of the TD tag itself.
Andy

HTTP response contains unexpected content-type (100.101)

hello guys,
I need your help on configuring adobe document services which runs on as java 7.3 with a netweaver 7.4 system.
I didnt find documentation for NW7.4, I used this link:
Adobe Document Services for Form Processing - SAP Library
894009 - Adobe Document Services: Configuration
according to note 944221 - Troubleshooting if problems occur in forms processing
I ran:
sa38>FP_TEST_00>>the error is
ADS: SOAP Runtime Exception: CSoapExceptionTransport :(100101)
/sa38>FP_PDF_TEST_00>error
SYSTEM ERROR: SOAP Framework error: SOAP Runtime Exception:
CSoapExceptionTransport : HTTP response contains unexpected
content-type (100.101).
I already check note 1587941 - ADS does not respond or error "CSoapExceptionTransport.."
and enableSSL is false.
the only thing thats different in my case: the rfc ADS does not work with path prefix
/Adobedocumentservices/Config?style=rpc
I left it blank.
thx for any idea
chris

Hi Chris,
What is the connection test response of ADS RFC(404,405,403,200..)?
FP destination services are maintained with correct ADS_AGENT password?
to test prefix path try the URL http://<adshost>:port/prefixpath (eg. http://smprod:50000/Adobedocumentservices/Config?style=rpc)
Regards,
Surya

How to Specify/Associate a layout with a content

I have created a new site, I have created few contents and few templates. During creation of content/page i did not find any option to associate a template or layout with the content/page. When i am trying to preview the content or try to open in web mode, I gets the following error.
"A content layout must be specified to render this asset in web mode. Please specify a default layout."
Need help me in resolving this issue.

@Rodney: Thanks for the pointer. I did not choose that option. Problem solved after using that option.

Tile layout of assignment blocks in Z component

Hi.
I created one Z component with several views displayed verticaly as assignment blocks. But now I would like to display some assignemnt blocks in tile layout (side by side). I know I could use View Set to display certain views side by side, but that is not good enough, because this views are then still displayed as one assignment block.
So my question - how to enable "tile" layout dosplay in Z component?
Help highly appreciated.

Hi Robert,
Since this discussion is answered.
Can you provide the solution to me as I need it to ?
Thanks in advance !!
=)

Hide Personalize Button in Tile Layout

Hello,
we defined the Tile Layout for the Overview Page of Component PRD01OV.
There we embedded some custom table views. Everything is working fine.
Now our customer has the requirement that we should hide the Personalize Buttons for the Table Views.
I have tried it in the .htm page of the Table View. If I set the following code at first the buttons were shown two times. The personalizable and showPersonalizeButton Values are working for the second line.
<chtmlb:configCellerator downloadToExcel =
"TRUE"
iterator = "<%= AdditionalData %>"
editMode = "<%= lv_cellerator_editmode %>"
id = "ConfCellTable"
onRowSelection = "select"
personalizable = "FALSE"
showPersonalizeButton = "FALSE"
selectedRowIndex = "<%= AdditionalData->SELECTED_INDEX %>"
selectedRowIndexTable = "<%= AdditionalData->SELECTION_TAB %>"
selectionColumn = "<%= lv_cellerator_selectioncolumn %>"
selectionMode = "NONE"
table = "//AdditionalData/Table"
usage = "EditList"
visibleFirstRow = "<%= AdditionalData->VISIBLE_FIRST_ROW_INDEX %>"
visibleRowCount = "6"
width = "100%"
xml = "<%= controller->configuration_descr->get_config_data(
) %>" />
Then I have changed the usage from EditList to Assignmentblock so the buttons were only show one time.
<chtmlb:configCellerator downloadToExcel =
"TRUE"
iterator = "<%= AdditionalData %>"
editMode = "<%= lv_cellerator_editmode %>"
id = "ConfCellTable"
onRowSelection = "select"
personalizable = "FALSE"
showPersonalizeButton = "FALSE"
selectedRowIndex = "<%= AdditionalData->SELECTED_INDEX %>"
selectedRowIndexTable = "<%= AdditionalData->SELECTION_TAB %>"
selectionColumn = "<%= lv_cellerator_selectioncolumn %>"
selectionMode = "NONE"
table = "//AdditionalData/Table"
usage = "ASSIGNMENTBLOCK"
visibleFirstRow = "<%= AdditionalData->VISIBLE_FIRST_ROW_INDEX %>"
visibleRowCount = "6"
width = "100%"
xml = "<%= controller->configuration_descr->get_config_data(
) %>" />
Has anyone an idea how I can hide the Personalize Button? I believe that it has something to do with the tile layout.
Kind regards,
Anne

Hi,
this is the complete code of the htm page:
<%@page language="abap" %>
<%@extension name="thtmlb" prefix="thtmlb" %>
<%@extension name="chtmlb" prefix="chtmlb" %>
<%@extension name="bsp" prefix="bsp" %>
<%
* Conversion Cnode SelectionMode to Tag
data
: lv_cellerator_selectionmode
type string
lv_cellerator_editmode
type string
lv_cellerator_selectioncolumn
type string
cl_thtmlb_util
=>translate_selection_mode
exporting
iv_selection_mode
= AdditionalData
->SELECTION_MODE
iv_all_rows_editable
= space
importing
ev_selection_mode
= lv_cellerator_selectionmode
ev_edit_mode
= lv_cellerator_editmode
ev_selection_column
= lv_cellerator_selectioncolumn
%>
<chtmlb:configCellerator downloadToExcel =
"TRUE"
iterator =
"<%= AdditionalData %>"
editMode =
"<%= lv_cellerator_editmode %>"
id =
"ConfCellTable"
onRowSelection =
"select"
personalizable =
"FALSE"
showPersonalizeButton =
"FALSE"
selectedRowIndex =
"<%= AdditionalData->SELECTED_INDEX %>"
selectedRowIndexTable =
"<%= AdditionalData->SELECTION_TAB %>"
selectionColumn =
"<%= lv_cellerator_selectioncolumn %>"
selectionMode =
"NONE"
table =
"//AdditionalData/Table"
usage =
"ASSIGNMENTBLOCK"
visibleFirstRow =
"<%= AdditionalData->VISIBLE_FIRST_ROW_INDEX %>"
visibleRowCount =
"6"
width =
"100%"
xml =
"<%= controller->configuration_descr->get_config_data(
) %>" />

Align Center Horizontal & Center Vertical Backwards

Align "center horizontal" centers vertically and "center vertical" works horizontally in CS5. Is this an undocumented feature????

I am using the dropdown "Modify" then"Align".

How to make content horizontal swipe in single standard frame in Indesign CS6?

How to make content horizontal swipe in single standard frame in Indesign CS6?

This sounds like a question for the DPS forum. We don't handle DPS questions here:
Digital Publishing Suite

Using Layout container

Hi,
Can anyone tell me steps for using layout container after drag n drop of layout contained i am unable to arrange chat and analysis table over the Layout container.
Thanks Aman

Also my problem is that when editing the rows and columns properties of the Container Layout there are no values (apart from default) in the drop down for SUBORIDNATE WEB ITEM property.
I have added the CHART web item and ANALYSIS web item into the Container Layout, but I don't get the option for subordinate web items. So how do I do this?
aman

How to update alt layout tables of contents

I'm having trouble with alternate layouts and tables of contents.
After creating a 6 page document, I created an alternate layout. The content from the primary document was linked to the new layout.
Some modifications were made to the alternate layout, which involved positioning some paragraph styles onto a different page.
When the alternate layout was exported as an interactive PDF, the table of contents indicated it was hyperlinked because the mouse cursor would change to a hand when hovering over the respective table of contents entry, however when clicked, the PDF simply remained on the same page.
As one potential solution, I created an additional table of contents and made certain to use the heading styles that were relevant to the alternate layout.
When I would generate a new table of contents for the alternate layout, only the table of contents title appeared and no additional paragraph styles were included in the table of contents.
Is there a special way that I need to get the table of contents to work properly using an alternate layout.
I am a Lynda.com subscriber, so please feel free to refer me to a video that may answer my questions.
I have been looking through the Adobe help, and if the answer to my question is there, I'm overlooking it because I'm overwhelmed with information (and possibly the stress of the print deadline which is later today).
Any help would be greatly appreciated.
Thank you,
Buck

I am doing my final project. It uses the publish-subscribe mechanism. Publishers publish the messages and subscribers can get the messages by subscribing the topic they am interested in. When the subscriber get the messages , I built a java swing application to simulate a public screen to display these messages. That means this swing application is not interactive to the user. The swing window is just for displaying the information.( Imagine in the airport hall, you can look at the flight informaiton on the public screen).
What I want to achieve is that the swing window can automatically repeatedly display the messages. If the amount of messages is too much to display only one page, how it can be implemented to alternatively display multi-pages in one window? Scrollpanel is not useful for this aim. I think maybe I can use java.swing.timer. But this is the first time I try to use it. Some ideas?
I hope this is clear now.

Which layout container will prefer

Hi, today i want to show my data like in this form
Can you prefer me which layout container i use for this purpose wheter i use DataGrid,AdvanceDataGrid or any else layout container i use. one thing more here the pop up will show in the next row when anybody will click on the SMS.

Hi
Well its looks like your gonna want a datagrid, put your gonna need to use something wike your own itemRenderer and make the row expand to show the additional data.
Just a first thought.
Andrew

How Can I Properly Align Content in a Horizontal Accordion?

I am having trouble aligning text after rotating the accordion widget horizontally. Everything is properly aligned and sized in the design page, but it becomes jumbled and the content area's width expands when I preview it in any browser. All I have done to the accordion widget after placing it is rotate it 90 degrees, remove all fill and strokes from every state of the accordion itself, and adjust the size the label and content area to my desired width and length. Only the content area has a white fill. "Can Close All" and "Overlap Items Below" are turned on and "Edit Together" is turned off.
Any help or suggestions on how to fix this is greatly appreciated.
How it looks in Muse.
How it looks in the browser.

Have you copied the text and used inside accordion container ? Please try to insert a text frame and then add the entries.
Also the space between line or any margin setup can also cause this.
Thanks,
Sanjit

How to center items horizontally in a tile layout?

Hello.
say i have a bordercontainer with a group with a tilelayout in it:
    <s:BorderContainer width="600" borderColor="0x000000">
        <s:layout> <s:HorizontalLayout horizontalAlign="center" /> </s:layout>
          <s:Group width="90%">
            <s:layout> <s:TileLayout/> </s:layout>
            <s:Button/>
            <s:Button/>
            <s:Button/>
        </s:Group>
    </s:BorderContainer>
The three buttons sit in the left corner of the group. Any ideas on how I could center the three buttons horizontally?

no issue,
<s:Group width="90%">
            <s:layout> <s:TileLayout paddingLeft="100" paddingRight="100" horizontalAlign="center"/> </s:layout>
            <s:Button/>
probably this will work, change padding and group width to get expected result.

Tile layout container: aligning content horizontally

Similar Messages

Maybe you are looking for