H:panelgrid help to control width, alignment of TD etc in JSF

Hi
I am new to JSF. Just started to crawl in the technology. I have html table like this,
<TABLE BORDER="2" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="226" HEIGHT="1" CLASS="lbgcolor">
<IMG SRC="null.gif" WIDTH="226" HEIGHT="1"></TD>
</TR>
<TR>
<TD ALIGN="CENTER" WIDTH="226" HEIGHT="87" CLASS="lbgcolor">
<IMG SRC="nnnn.gif" BORDER="0">
</TD>
</TR>
</TABLE>
I like to implement the same using core JSF tags and it looks like,
<h: panelGrid border="0" cellspacing="0" cellpadding="0" columns="1"
columnClasses="lbgcolor" >
<h:graphicImage value="null.gif" width="226" height="1"></h:graphicImage>
<h: panelGroup >
<h:graphicImage value="nnnn.gif" > </h:graphicImage>
</h: panelGroup>
</h: panelGrid>
1. Is this the way to do ?
2. I am not able to set width, alignment, height to TD using JSF core tags. Can anyone suggest how to do this ?
3. How to provide hyperlink on the image ?
Advance Thanks,
Regards,
Vetri.

1. basically.
2. use css
3. nest the graphic image in a commandLink/outputLink

Similar Messages

How to Control Width / Align rightmost edge of sub regions on a page ?

Hi folks
Am Apex newbie using Oracle XE and 4.0.1 Apex to develop app on laptop before deploying to production.
I have a page with region display selector and multiple sub-regions.
Am using Theme as per the Issue Tracker packaged application.
Problem is that my subregions on page align on left hand side but the subregions widths are different ... therefore page looks a bit scrappy / unprofessional as regions look a bit like
XXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXX
Is there any way to control / make the subregions widths the same so that screen looks better.
Have spent ages moving individual fields on page to try and force sizes to match but with no luck .. so any help would be gratefully received as always.
Thanks

Hi-
I was trying to align sub-regions side-by-side, I followed what Patrick suggested to put the following in the region's sub-region template.
<div> #SUB_REGION# </div>then to be enable to put the subs side-by-side I had to put the following in the regions attributes.
width: 300px; float: left
that would align the subs side-by-side, I tried to change the template so I can use the attributes
<div#REGION_ATTRIBUTES#> #SUB_REGION# </div>but when I ran the page I can see the following in the Firebug.
<div #region_attributes#="">so no effect, am I missing something or what.
Regards,
Omar

I need help with controlling two .swf's from third.

Hi, thanks for reading!
I need help with controlling two .swf's from third.
I have a problem where I need to use a corporate designed
.swf in a digital signage solution, but have been told by the legal
department that it can not be modified in any way, I also can't
have the source file yada yada. I pulled the .swfs from their
website and I decompiled them to see what I was up against.
The main swf that I need to control is HCIC.swf and the
problem is it starts w/ a preloader, which after loading stops on a
frame that requires user input (button press) on a play button,
before the movie will proceed and play through.
What I have done so far is to create a container swf,
HCIC_container.swf that will act as Target for the HCIC.swf, and
allow me to send actionscript to the file I'm not allowed to
modify.
I managed to get that done with the help of someone on
another forum. It was my hope that the following script would just
start HCIC.swf at a frame past the preloader and play button, and
just play through.
var container:MovieClip = createEmptyMovieClip("container",
getNextHighestDepth());
var mcLoader:MovieClipLoader = new MovieClipLoader();
mcLoader.addListener(this);
mcLoader.loadClip("MCIC.swf", container);
function onLoadInit(mc:MovieClip) {
mc.gotoAndPlay(14);
But unfortunately it didn't solve my problem. Because there
is a media-controller.swf, that is being loaded by HCIC.swf that
has the controls including the play button to start HCIC.swf.
Here's a link to a .zip file with all 3 .swf files, and all 3
.fla files.
http://www.axiscc.com/temp/HCIC.zip
What I need to do is automatically start the HCIC.swf file
bypassing the pre-loader and play button without editing it or the
media-controller.swf in anyway. So all the scripting needs to be
done in HCIC_container.swf.
I know this is confusing, and its difficult to explain, but
if you look at the files it should make sense.
ActionScripting is far from my strong point, so I'm
definitely over my head here.
Thanks for your help.

Got my solution on another forum.
http://www.actionscript.org/forums/showthread.php3?t=146827

Field width alignment after 2006 to 2008 upgrade

Field width alignment after 2006 to 2008 upgrade
I've noticed that after upgrading from 2006 to 2008 all of the textarea type fields are no longer being displayed the same way they used to be. In the 2006 version I would create text fields with a width of 50 and textarea fields with 37 columns, which would end up being displayed in the browser as the same width. After the upgrade all of the textareas are smaller in width. I tried changing the width of one to 50 and that made it match the width of the text field. If a change was made to make it easier to keep the widths of different field types aligned, that is great for building future services, but I don't want to have to go update every service across every environment to make the forms display properly. Has anyone else run into this?

Tylor,
Here's the scoop directly from the man who runs our UI team.
In 2006 we had a bug where the field sizes specified for “text” and “textarea” fields were rendered as different sizes. Therefore the customer would use a field with 50 for “text” and 37 for “textarea”. This has been fixed in 2008. So, in 2008 if 50 is specified for “text” and “textarea”, the rendered versions of these are aligned.
To solve the problem two approaches can be taken.
#1. Update all “textarea”

Control width and hight ??

Can someone plz tell me how I can control width and hight of my printing?? My code:
        public int print(Graphics g, PageFormat pf, int pi) throws
        PrinterException
            if (pi >= 1)
               return Printable.NO_SUCH_PAGE;
               Graphics2D g2 = (Graphics2D) g;
               double height=pf.getImageableHeight();
               double width=pf.getImageableWidth();
               g2.translate(pf.getImageableX(), pf.getImageableY());
               g2.drawString("side :"+(pi+1), (int)width/2,
               (int)height-g2.getFontMetrics().getHeight());
               g2.translate(0f,0f);
               g2.setClip(0,0,(int)width,
               (int)(height-g2.getFontMetrics().getHeight()*2));
               g2.setColor(Color.black);
               paint(g2);
               return Printable.PAGE_EXISTS;
         public void PrintPage()
              PrinterJob printJob = PrinterJob.getPrinterJob();
              printJob.setPrintable(this);
              if (printJob.printDialog())
                 try { printJob.print(); }
                 catch (Exception PrintException) { }

...with PrintJob ...e.g
        Toolkit tk = Toolkit.getDefaultToolkit();
        int [][] range = new int[][]
            new int[] { 1, 1 }
        PageAttributes.ColorType ct = PageAttributes.ColorType.MONOCHROME;
        PageAttributes.OrientationRequestedType ot = PageAttributes.OrientationRequestedType.LANDSCAPE;
        PageAttributes.OriginType ort = PageAttributes.OriginType.PRINTABLE;
        PageAttributes.PrintQualityType pqt = PageAttributes.PrintQualityType.HIGH;
        PageAttributes.MediaType mt = PageAttributes.MediaType.A5;
        int [] printRes = new int[]{1,1,3};
        PageAttributes pa = new PageAttributes(ct, mt, ot, ort, pqt, printRes);
        pa.setPrinterResolutionToDefault();
        JobAttributes jobAttributes = new JobAttributes(1, JobAttributes.DefaultSelectionType.ALL,
          JobAttributes.DestinationType.PRINTER, JobAttributes.DialogType.NATIVE, "file", 1, 1,
          JobAttributes.MultipleDocumentHandlingType.SEPARATE_DOCUMENTS_COLLATED_COPIES, range,
          "\\\\110APPS\\HP5FrontOffice", JobAttributes.SidesType.ONE_SIDED);
        PrintJob job = tk.getPrintJob(dummy, "Print", jobAttributes, pa);
        if (job != null)
            Graphics pg = job.getGraphics();
            System.out.println("Page Dimension : " + job.getPageDimension());
            pg.drawRect(20,20, 240, 120);
            pg.drawString("Hello World", 50, 50);
            pg.dispose();
            job.end();
        }

How to control width an height of a page region

Hi all.
How do i control width an height of a page region?. Say you have 4 regions on a page and want to tightly control these attributes, for example as a percentage of page dimension.
Is that possible?, Also can it be manipulated dynamically?
Best regards, Luis ....!

Hi Luis,
I don't know about dynamically but in the Region Attributes you can add 'style="width:100px" (or whatever value you want 10%, 25% etc.) to control the width
and to control the height you need to add:
<div style="overflow: auto; height: 450px;">(again or whatever size)
to the region header and
</div>to the region footer
regards
barney
Edited by: barneyonfire on 27-Jan-2012 16:58
sorry it didn't show the tags before...

Help to edit width and height of menu?

http://www.ivoog.com/link4
How can I edit the width and height of this menu so the
background image fits? Please explain and give code if you can.
Thanks!
Here's the pictures for the menu:
http://www.pics.ivoog.com/boxs1.gif
http://www.pics.ivoog.com/boxs2.gif

Your approach simply isn't going to work.
The background image is a fixed width. It will not shrink or
grow like the
text in front of it.
The background image is wider than the word "pie" but not as
wide as the
word "sigh".
So, if you add padding to the left and right of the link to
make the whole
background show behind "pie", the same padding is added to
"sigh". Now the
"sigh" link is much wider than the background image. Because
your
background image repeats, you see the left edge of the next
repeating one
behind sigh.
If you remove the padding to make it so you see just one
image behind
"sigh", now the padding around "pie" is too narrow to see the
whole
background.
You could try giving each link a class and having a separate
padding for
each word, but all that is pretty useless because different
people have
different text size settings in their browsers.
In some browsers, the words will be bigger than the
background image.
In others, the words will be small and you'll only see part
of the
background.
The free tutorial I sent you is just that, a tutorial.
You do the work, you have the copyright.
If you are not interested in that one, here's another idea.
You can use borders and simple background , like a gradient,
to make a tab
that looks just like your tab images and sizes along with
your text...no
matter how long the word is and no matter what size the text
is.
Here's the free tutorial.
You don't even have to do the whole thing, just the first
part where it
shows you how to make links that look like image buttons.
http://projectseven.com/tutorials/css/uberlinks/index.htm
Good luck,
Tim
"hahahaadobeman" <[email protected]> wrote
in message
news:[email protected]...
> Thanks for answering and sorry for the confusion. The
only problem with
> purchasing and doing this is copyright. I want to make
my own code for the
> menus so it is not copyrighted by anyone.
>
> Can you help edit the width and height of this menu so
the background
> image
> fits? See how my link4 where it says pie sigh and all
that the background
> of
> that doesn't fit with the image? Can you help with this
problem? Thats all
> I
> really needed but thanks for all the links!
>

I just bought a new iPhone and accidentally backed it up with my old iPhone backup, I do not want this. I lost everything on my new phone and I need it back. PLEASE HELP! This includes pictures and texts, etc.

I just bought a new iPhone and accidentally backed it up with my old iPhone backup, I do not want this. I lost everything on my new phone and I need it back. PLEASE HELP! This includes pictures and texts, etc.

So just to be clear, when you say "just bought" how long ago was that? Is it on this new iPhone that you had pictures, texts, etc that you want? Were you backing up to iCloud or onto iTunes?
This may not help for everything but if you go to iCloud.com and log in, are you able to find your pictures there?

Despite my best efforts, I am unable to remove iTunes 11.1.4 from my PC, this being made necessary because the original installation had a flaw and did not load properly. Effor to use the control panel, deleting dll. files, etc. all failed. iTune out??

Despite my best efforts, I am unable to remove iTunes 11.1.4 from my PC, this being made necessary because the original installation had a flaw and did not load properly. Effor to use the control panel, deleting dll. files, etc. all failed. And, of course, on startup, a window opens with the error and tells me find QTMovie.dll and delete it because this may be the source of the hangup. Also, in trying to delete iTunes, I get the additional message that I must get approval from the System Administrator to take this action. I am the System Administrator.
Any ideas would be welcomed.
Thank you.
James
<E-mail Edited by Host>

Thank you for asking this question. I'm having the same issues.
Liz

Why do I not see a photos icon on iCloud control panel alongside Mail, Contact, etc.?

Why do I not see a photos icon on iCloud control panel alongside Mail, Contact, etc.?
I downloaded iCloud for PC. I moved the photos I want to iCloud Shared folder, etc. but before we go there..... I do not see a photos icon on the iCloud control panel.

uninstall the control panel and redownload it from apple.com

HT201342 please help , i cant save my contacts , photos etc onto my icloud ??

please help , i cant save my contacts , photos etc onto my icloud ??

Welcome to the Apple Community.
Could you explain your problem a little more clearly.

Help me control Spry Tabs or Spry Accordion width

I am using Spry Tabs and Spry Accordions in Liquid pages, inside a DIV with ID.
I use an external CSS stytle sheet to control this ID and properly position the Spry Tabs or Spry Accordions inside the page.
I would like to have these Tabs or Accordions panels filling the page with a 10px margin on both sides.
I tried many CSS properties to have the DIV ID position the panel with both 10px margins...
If I use a 100% width, the panel overshoots the width of the page by about 10 to 20 pixels.
Using a 0px position and a 10px border on the right does not work.
The only solution I found is using a 98% width (box and position), but it varies on larger screens...
I am using Dreamweaver CS 5.5 on a Mac Pro.
There must be some CSS trick that I don't know... But CSS should also be easier to use...

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
    padding: 0
    margin: 0
html {
    background: #CCC;
    height: 100%;
body {
    width: 960px;
    margin: auto;
    background: #FFF;
    height: 100%;
.aside {
    width: 260px;
    float: left;
    background: #030;
    padding: 10px;
.main {
    background: #6F3;
    padding: 10px;
    margin-left: 280px;
</style>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
</head>
<body>
<div class="aside">
<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">Content 1</div>
      <div class="TabbedPanelsContent">Content 2</div>
    </div>
</div>
</div>
<div class="main">
<div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Label 1</div>
      <div class="AccordionPanelContent">Content 1</div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Label 2</div>
      <div class="AccordionPanelContent">Content 2</div>
    </div>
</div>
</div>
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<script src="SpryAssets/SpryAccordion.js"></script>
<script>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Gramps
PS Sorry, horible colours

HELP! Controlling size and position of new window from applet

I am totally new to using java. I am making use of a java applet for showing images. Each image may be clicked to open a higher res image in a new window. I want to be able to control the size and position of the new window. The windows need to be different sizes for each image - a couple may be the same size but some will be different.
I found this:
<<<<Yes it can (but not after the window has been created). JavaScript can open documents in a new (or an old) window with eg.
<script>
window.open("document.url", "window_name", "toolbar=no,statusbar=no,scrollbars=no,resizable=no,width=600,height=400");
</script>
The new window will have only the title bar and the frame around the document, nothing else.
That can be made a function and called from an applet through liveconnect.>>>>
from a search re window sizes but I need more explicit help with how to put it into my document! This looks like it might work with the exception it doesn't give a position but I could even live without that.
Am I correct in assuming tha this script goes in the <head> of the document? If I have several different sizes, I would need to have several different but similar scripts but with different window names?
Do I substitute the actual url where it says "document.url"? What about "window_name"? And what does liveconnect mean?
Here is a sample from the applet coding I have in place:
\\\\\<param name="image2" value="barneygargles_th.jpg">
<param name="link2" value="http://www.barneygargles.com">
<param name="statusmsg2" value="Barney Gargles Family Restaurant">\\\\\
Please, I hope someone can help with this! This is driving me crazy!
Thanks to anyone who can walk me through this one!
Linda

I have been searching the internet for more information and it appears that others have been faced with this problem.
I have found a couple of possible answers but I am not sure how to do them.
http://forums.macosxhints.com/showthread.php?t=64059
http://forums.macrumors.com/archive/index.php/t-119915.html
The first link seems more relavent but I am not sure how to do what it is talking about.
Can anyone help?
I have recently moved from a PC to MAC and this problem is really getting in the way of my work.

How to control width of Design pod in RH8?

Hi all,
This is just a UI annoyance, but I'd like to get around it. I'm working in RH8.
When I'm in the Design/HTML pod, the ruler across the top of the pod extends beyond the right margin. Consequently, a scroll bar appears across the bottom of the pod.
When working in the pod, entering long lines of text causes the window to scroll left and right automatically, and I can't see the entire line of text I've entered.
Increasing/decreasing the width of the pod doesn't change this behavior - the ruler across the top scales with the pod size. Moving the right margin/tab marker doesn't help either.
Is there any way to control the pod width so I can see a full line of text w/out a scroll bar at the bottom? I'm guessing it's something easy - just haven't found it yet.
Thanks all,
Patrick

Hi all
I'd like to offer a wee bit of clarificaition.
There is no such thing as a "Tab Stop" in the world of HTML. As such, there is no such thing as a "Tab Stop" in the RoboHelp HTML ruler. These are simply visual ways to adjust the margins on the HTML page.
I'd hate to see a rash of posts where folks are suddenly asking where they can insert tab stops in RoboHelp HTML.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Optimizing Table Control Width

Hello,
I have used the Table Maintenance Generator to build the relevant screens for displaying/ editing data from 2 tables.
However when i maintain this view in SM30 it displays the table control with horizontal scroll bars. There are about 22 columns in the view and I would like to see them all in one screen.
I have tried changing the <i>Lgth</i> attribute of the Table Control from SE51. It shows 83. While trying to change it to about 140 I get an error message saying that 140 exceeds maximum width of 83.
Is 83 the maximum possible width for a table control? How can I change it?
Please respond with your quick tips!!!
Regards,
Priya

Thanks so much Ravi. Your tip proved very useful. The screen size set by an earlier developer had got reset when I did a re-run of the Table Maintenance Generator. I overlooked this small but important detail.
Thanks once again for the prompt response. It helped me resolve an urgent issue.

H:panelgrid help to control width, alignment of TD etc in JSF

Similar Messages

Maybe you are looking for