Adaptive Layout - Portlet horizontal alignment

Is it possible to create an Adaptive Layout with horizontal alignment of portlets in a column?
Attempting to create a layout with column1 above column 2 and column3 along right side of page.

I apologize for the late response.
I was not able to switch the alignment. I moved on to another approach due to limited time.
Adaptive layouts are a composite of the base portal css styles and adaptive layout styles. It is difficult without a tool that is able to pull all the components into a single view based upon references. (Now that would be a useful tool.... anyone listening). The most useful tool i have found so far is Dreamweaver, it allows you to create custom tag libraries for limited design help.
I welcome any input on a tool that can handle the tag libraries.
I will update this thread if I make any discoveries.

Similar Messages

Horizontal alignment for Text of Header Region

Hi,
The content of Text property for a header Region appears left aligned by default.
Is it possible to set horizontal Alignment = Middle(of the Page)For the Item Type, Header I do not see any property called Horizontal Alignment in the Property Inspector.
Thanks,
Gowtam.

Header component does not expose any property to align the text.
Can you check whether, the following layout helps.
TableLayout (Horizontal Alignment - center)
|
-- RowLayout (Horizontal Alignment - center)
|
--- CellFormat (Horizontal Alignment - center)
|
---- Header

Cell horizontal alignment

Hi,
does someone know how to set the horizontal alignment of a cell ???
Thanks, Fred.

A JTable object provides a TableCellRenderer object for each of its column. It usually takes it from the TableColumn object provided by its own TableColumnModel, if available, or otherwise provides a DefaultTableCellRenderer object. This default cell renderer is basically a JLabel formatted according to the type of value it has to display.
You can write your own cell renderer, e.g. a JLabel that you format as you wish, and set it as the default cell renderer for the table using the setDefaultRenderer method.
Or you can overwrite the getCellRenderer method of the table and have it return the appropriate cell renderer for a column.
Or you can write your own TableColumnModel and have it used by the table.
The chosen solution depends on what you really need to do. Hope it helps.

I can't find anything about how to properly manage the tablet's layout in horizontal or in vertical position.

I can't find anything about how to properly manage the tablet's layout in horizontal or in vertical position.
If I consult my website in vertical position, it's ok but, If I turn my tablet, all the hyperlinks and all general visualization are wrong.
How I can properly handle both views?
PS: I'm sorry for my bad english

Could you share the site URL so we may check at our end? Also could you share some screenshots explaining the 'wrong hyperlinks and visualization'.
Thanks,
Vikas

Scrolling, and Adaptive Layout help

Hi guys, I am new to edge animate,
I would like to know, like when a person scrolls its scrolls to a cirtain point seemlessly, not like when you are using a mouse, like blobk by block.
also I would like to know more about adaptive layout, if anyone can help me more thorught skype,
I would me really pleased, thank you
my skype is Kevin2019170
Thank you

Well, only can help you with the background image... put this code on document.compositionReady and window.resize events:
var imageRatio = 1.7777; // Aspect 16:9, you can use any proportion depends of your image dimensions
var sWidth = $(window).width()
var sHeight = $(window).height()
if ((sWidth / sHeight) > imageRatio) {
sym.$("imgBackground").css("width", sWidth +"px");
sym.$("imgBackground").css("height", sWidth/imageRatio +"px");
else {
sym.$("imgBackground").css("width", sHeight*imageRatio +"px");
sym.$("imgBackground").css("height", sHeight +"px");

6.5 Upgrade and Adaptive Layouts

I just upgraded from ALUI 6.1 to 6.5. When I edit the experience definitions, under 'Edit Object Settings' there is no option for 'Adaptive Page Layout Settings'. I checked Configuration Manager and Adaptive layout mode is enabled. Did I miss something in the upgrade process?? or am I just missing something obvious?
Thanks,
Jason

Jason,
For me it appears on the left panel beneath login settings.
You may need to be logged in as an admin account to see it, not sure.
Otherwise verify your install and that you loaded all the pte files. You can do that by looking at the source code of any of your portal pages and at the bottom of the page it'll tell you the version.
It should look something like this:
<!-Portal Version: 6.5.0.323160, Changelist: 323160, Build Date: 03/21/2008 at 12:21 AM-->

Control horizontal alignment of table cell?

Is it possible to control the horizontal alignment of text within a table cell using some form of xsl:attribute code? I wasn't able to find any alignment attributes supported in the user guide and was hoping there was a way to manage it- the problem is that I don't know ahead of time which cells need to be left justified and which ones need to be centered.
Thanks,
Kevin

I've tried the following in the
advanced properties but with no success.
<?if:number(EMPID)>6?>
<xsl:attribute
xdofo:ctx="block" name="text-align">center
</xsl:attribute>
<?end if?>
Change the attribute to the following and the formatting works.
<?if:number(EMPID)>6?>
<xsl:attribute
xdofo:ctx="block" name="background-color">red
</xsl:attribute>
<?end if?>
I'm previewing in PDF.
If anyone has any ideas they would be greatly appreciated.
Thankyou
John.

Custom Table Cell Renderer Unable To Set Horizontal Alignment

Hello,
I have a problem that I'm at my wit's end with, and I was hoping for some help.
I need to render the cells in my table differently (alignment, colors, etc) depending on the row AND the column, not just the column. I've got this working just fine, except for changing the cell's horizontal alignment won't work.
I have a CustomCellRenderer that extends DefaultTableCellRenderer and overrides the getTableCellRendererComponent() method, setting the foreground/background colors and horizontal alignment of the cell based on the cell's value.
I have a CustomTable that extends JTable and overrides the getCellRenderer(int row, int column) method to return a private instance of this CustomCellRenderer.
This works fine for foreground/background colors, but my calls to setHorizontalAlignment() in the getTableCellRendererComponent() seem to have no effect, every cell is always displayed LEFT aligned! It's almost like the cell's alignment is determined by something else than the table.getCellRenderer(row,column).getTableCellRendererComponent() method.
I've also tried setting the renderer for every existing TableColumn in the TableModel to this custom renderer, as well as overriding the table's getDefaultColumn() method to return this custom renderer as well for any Class parameter, with no success.
No matter what I've tried, I can customize the cell however I want, EXCEPT for the horizontal alignment!!!
Any ideas???
Here's the core custom classes that I'm using:
class CustomTable extends JTable {
private CustomRenderer customRenderer = new CustomRenderer();
public CustomTable() {
super();
public TableCellRenderer getCellRenderer(int row, int column) {
return customRenderer;
} // end class CustomTable
class CustomRenderer extends DefaultTableCellRenderer {
public CustomRenderer() {
super();
public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) {
super.getTableCellRendererComponent(table, value, isSelected, hasFocus, row, column);
if (row % 2 == 0) {
setForeground(Color.red);
setHorizontalAlignment(RIGHT);
} else {
setForeground(Color.blue);
setHorizontalAlignment(LEFT);
return this;
} // end class CustomRenderer
Even worse, I've gotten this to work fine in a trivial example I made to try and re-create the problem. But for some reason, this same thing is just not working for horizontal alignment in my actual project?!?
Anyone have any ideas how the cell's horizontal alignment set in the getTableCellRendererComponent() method is being ignored or overwritten before the cell is being displayed???
Thanks, any help is appreciated,
-Alex Blume

Ok, so I've looked into their source and I think I know where and what the trouble is. The JTable.java has a method called:
3658> public TableCellRenderer getCellRenderer(int row, int column) {
3659> TableColumn tableColumn = getColumnModel().getColumn(column);
3660> TableCellRenderer renderer = tableColumn.getCellRenderer();
3661> if (renderer == null) {
3662> renderer = getDefaultRenderer(getColumnClass(column));
3663> }
3664> return renderer;
3665> }
starting at line 3658 of their source code. It retrieves the TableCellRenderer on line 3660 by calling the tableColumn's getCellRenderer method. This is found in the TableColumn.java class:
421> public TableCellRenderer getCellRenderer() {
422> return cellRenderer;
423> }
See the problem? Only ONE cell Renderer. It's referring to a variable found at line 140 which is of type TableCellRenderer ... well actually it's created as a DefaultTableCellRenderer at some point since TableCellRenderer is an interface.
Basically the fix is this:
In the TableColumn.java file, a collection (Vector, LinkedList, whatever) needs to keep track of each cell's renderer. This will solve the solution. Of course this will be something that you or I can make.
What's funny is the contradiction in documentation between JTable's and TableColumn's getCellRenderer() method. First, if we look at TableColumn's documentation it states:
"Returns the TableCellRenderer used by the JTable to draw values for this column."
Based on that first statement, the getCellRenderer() method in TableColumn is doing its job exactly. No lies, no contradictions in what it does.
However, that method is called up inside of the JTable's getCellRenderer() method which says a completely different thing which is:
"Returns an appropriate renderer for the cell specified by this row and column."
Now we have a problem. For the cell specified. It appears that the rush to push this out blinded some developer who either:
1) mis-interpreted what the JTable getCellRenderer() method was supposed to do and inadvertently added a feature or;
2) was in a 2 a.m. blitz, wired on Pepsi and adrenalin and wrote the bug in.
Either way, I'm really hoping that they'll fix this because it will take care of at least 2 bugs. Btw, anyone interested in posting a subclass to solve this problem (subclass of TableColumn) is more than welcome. I've spent much too much time on this and my project is already behind so I can't really afford any more time on this.
later,
a.

JTextArea horizontal alignment

I want to control the alignment of text in a JTextArea control (alignment left, center or right). I assume that I need to make a custom renderer of some description to be able to draw the text in the appropriate alignment,
but if this is the case, I cannot work out how to setup the components.
I appreciate that the JTextPane provides for setting of paragraph alignment attributes, but in my situation I need to use the JTextArea (the user needs to be able to turn line wrap on and off at run time so I need to make use of the JTextArea lineWrap facility).
Is there any way that I can get the JTextArea to support the horizontal alignment??
Any assistance would be greatly appreciated,
regards, Sean

I just realised that using a JTextPane would be acceptable as long as I could allow the user to turn on and off the line wrapping behaviour of the JTextPane. Does anybody know how to achieve that?
Thanks, Sean

XML-P Layout in Horizontal Direction

Hi All,
XML-Publisher layout in horizontal way.
We have a requirement in XML-P report where in we need to print the data on preprinted stationary in horizontal direction,
We have developed the rtf in vertical way and tried to rotate the PDF but it is not solving our requirement.
We also tried to develop the template in horizontal way but the data is not getting in the required manner.
Could you please update us if any possible solution for this?
Regards
Raghavendra Nara

>
We also tried to develop the template in horizontal way but the data is not getting in the required manner.
>
Can you pl elaborate more on what you mean by this ?
HTH
Srini

Search Module for adaptive layout

Hi BC Community,
I am creating an adaptive layout site for my client (so, desktop/tablet/mobile versions). I am using the search module in the site design, which is working quite well, however, on the desktop site, it is showing pages from the mobile and tablet sites in the search results.
Does anyone have a work around to solve this issue? For the desktop search results, I just want it to show desktop pages, same goes for tablet and mobile.
Thanks in advance for your help with this.
Aaron

Hi,
ASE 12 is very old and since no Eng support maybe decision made to not use datetime. However, you can certainly request feature - if you are able to create incident we can create Feature and then incident can be used for tracking purposes, etc.
If unable to create incident please provide details:
ASE version (exact with select @@version)
SDK version being used
code sample to demonstrate problem and the output from such a test
If you used TDS please provide that trace as well if possible
Cheers,
-Paul

When will we get a proper form factor adaptive layout function?

I'm deliberately not putting this in the long requested features thread because adaptive layout isn't a feature, it is a basic function of all Windows Apps, except for those built by Project Siena.
I was dumbstruck to see that the often requested "support for different form factors" was translated to "exclusively for a specific form factor". Designing for one excludes the others. This is not at all useful.
While I can understand the need to design for different screen formats portrait versus landscape, because of a fixed layout there should have been:
1. a template that works for 16:9, 16:10, 3:2 that would adapt to the form factor
2. maybe a portrait template
3. and most important a function that combines two templates (as per above) and writes out some code that detects orientation so that
4. Project Siena could produce/publish/publish for store a single project that would allow use on any form factor, any orientation without needing to specify landscape/landscape flipped only - or portrait (etc.)
What do others think? To me this is more important than more widgets or anything else. Including Windows Phone would be a nice extra, but to be able to product a single project that would work transparently on all form factors and orientations is now the
single more important function I need.
It would be good to have a response from the community and a statement from Microsoft.
As someone who has 14 (not a typo, 14) apps built with Project Siena in the Windows Store, this is important.
-- Barb Bowman

This is a reason why I still don't work on my project design. I don't want to end up to recreating all my design. I think the only way is to add percentage size and positioning into visuals so they will adjust by it self when run
on different devices. I don't know how it could be done without it. Once you create app with visuals width set to 1000 pixels and run it on device with resolution 800*600 (example) then it obviously won't fit. However to set the visuals
width to 100% would fit logically to all devices. But this option should be implemented log time ago so we can prepare our apps for this new feature. Am I right or you working on different solution?

Horizontal align center in table-cell

Hello,
I'm having a problem getting to horizontally align a div (schilderij) in another div (schilderijholder).
This schilderij div has a height and width of 480px and has display: table-cell. The content of this div is an image, with different sizes on every page (there are multiple pages, it is some sort of photogallery). The images are nicely centered, horizontally and vertically, inside this div.
The containing div (schilderijholder), has a width of 100% of it's containing block, which has a variable size
The problem is, I cant get the schilderij div horizontally centered in the schilderijholder div.
Here's the simplified code. If you need the whole code, I can post that too.
    <div class="leftWrapper" style="clear: none; float: left; width: 68%; height: 100%;">
    <div class="content" style="margin: 40 10 50 30;">
      <div id="schilderijholder" style="text-align: center; width: 100%; height: 100%;">
          <div id="schilderij" style=" height: 480px; width: 480px; text-align: center; vertical-align: middle; display: table-cell;">
            <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
            </div>
          </div>
        <div id="pageControl">
        <span class="left">
          <a href="schilderijen2.html"></a> </span>
          <span class="right">
          <a href="02.html">Volgende</a>
            </span>
          </div>
      </div>
     </div>
What I've tried:
     - "margin: 0 auto;" on the schilderij div
     - "position: relative;" on the schilderijholder div and "position: absolute; left: 50%; margin-left: -240px;" on the schilderij div
But these both don't work.
Does anybody know a solution for this, or maybe has something to put me on the right way?
Thanks in advance!

Let's fix your code first:
<div class="leftWrapper" style="float: left; width: 68%; height: 100%;">
    <div class="content" style="margin: 40px 10px 50px 30px;">
      <div id="schilderijholder" style="text-align: center; width: 100%; height: 100%;">
          <div id="schilderij" style=" height: 480px; width: 480px; text-align: center; vertical-align: middle; display: table-cell;">
            <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
            </div>
          </div>
        <div id="pageControl">
        <span class="left">
          <a href="schilderijen2.html"></a> </span>
          <span class="right">
          <a href="02.html">Volgende</a>
            </span>
          </div>
      </div>
     </div>
Why do you need the div#schilderij at all? Seems unnecessary to me.
Then you would need the display:table-cell on the parent to this div, not on the div#schilderij, which has basically the same dimensions as the image. But I think this is all too complicated. Why not just this?
<div class="leftWrapper" style="float: left; width: 68%;">
    <div class="content" style="margin: 40px 10px 50px 30px;">
      <div id="schilderijholder" style="text-align: center;">
            <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
            </div>
          </div>
        <div id="pageControl">
        <span class="left">
          <a href="schilderijen2.html"></a> </span>
          <span class="right">
          <a href="02.html">Volgende</a>
            </span>
          </div>
      </div>
     </div>

How do you float and image or text so that it remains centered for a given browser window size (horizontally aligned).

Is it possible to float images horizontally in muse (horizontally aligned) such that an image or text remains in the center of a browser window regardless of its dimensions. The pin feature is capable of accomplishing this but it has the unwanted effect of, well, pinning it. There must be a way other than manually changing the code outside of muse after each change.
Thanks,

Hmm, tried it and its not working as intended. I created a text box the width of the page, typed some text and center justified it. When I adjust the size of the browser window it of course remains centre justified but it doesn't stay in the center of the scree as the window width changes. Did I not understand the 100% width part correctly?
To be clear, I understand how to do this is CSS but there must be some way to do it in muse so you don't have to manually go back and edit the html after each upload.

Adaptive Layouts questions

I did a little work with the layouts when 6.5 came out but am starting afresh with the 10.3 layouts since they seem to have been cleaned up. I have a few quick questions!
1)
The first layout I'm looking at is the Base Page Layout and right off the bat I'm trying to figure out what the basepagelayout-navarea.html file is, and why there isn't a layout web service created for it out of the box. Any ideas?
I created a webservice for it and plugged it in and the layout seems to remove all adaptive styling from community pages, but the KD and search layouts fall apart. I went through the documentation but couldn't find anything related to this layout. Any suggestions?
2)
I've noticed that the basepagelayout causes an issue when you visit the "My Account" section. Basically it forces the footer to display to the right of the rest of the portal window. This only happens in IE8.
One way to correct this issue would be to remove the 'align="left"' entry in the table of the "My Account" section by creating a new "My Account Layout". But it seems odd that this fails right out of the box, so I'm wondering if there is another workaround or reason this is happening?
This is a snippet of the code that duplicates the issue in case anyone has a suggestion, or is bored/curious:)
<table align="left" width="100%" bgcolor="green">
<tr>
<td>
My Account
</td>
</tr>
</table>
<table width="100%">
<tr>
<td bgcolor="red">
Weird Alignment
</td>
</tr>
</table>
Thanks
Geoff

You can get rid of this issue by adding an extra DIV element arount the pt:basepage.content tag in the BasePAgeLayout.html
<div style="float:left;width:100%;">
<pt:basepage.content/>
</div>
Regards
Santosh
Edited by: user10406069 on Oct 5, 2010 10:38 AM

Adaptive Layout - Portlet horizontal alignment

Similar Messages

Maybe you are looking for