Spacing between Panelgrid

Hi,
I want to add some spaces between two panelgrid.For this I'm simply adding one outputText control with some styleclass with spacing.There is no use of this control as per functionality.
I just want to know is it good to add some components like this? Is there any other way to give spaces.
Thanks,
Bosky.

I found using stylesheets was one way to adjust the spacing around rows and columns. If you need it in a specific location then add a 'div' element.
Here's an example of .jsp using a dataTable (whose html output is very similar to panel grid). I know panelGrid and dataTable both have the headerClass and columnClasses attributes.
<div class="marshal">
<h:dataTable headerClass="cc0" columnClasses="cc1, cc2, cc3, cc4" value="#{myBean.participants}" var="participant">
</div>Then in your stylesheet:.marshal table th.cc0 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
.marshal table td {
    padding-right: 10px;
    vertical-align: top;
.marshal table td.cc3, td.cc4 {
    text-align: right;
}

Similar Messages

  • Pages 5: Spacing between bullets (not line spacing)

    How can I control the spacing between bullets?
    1. I clearly see how to control the spacing around a bullet relevant to its text. That's not what I'm referring to.
    2. I clearly see how to set line spacing. That's not what I'm referring to.
    What I'd like to do is keep a line spacing of 1.0 on the text, but add padding between list items (between bulleted content). The method in Pages '09 was to add buffer space "after the paragraph" (or before). However, in Pages 5.0 this option does not exist. Some of my bullets have enough content that wraps, which is why line spacing is not an acceptable solution.
    How can I control spacing between bulleted list items, such that each chunk of content is better separated?
    Thank you!

    Silly me. I have located it, by expanding the Spacing menu. The control I'm looking for is right there.
    I've included a screencap, in case anyone else misses the obvious like I have. Thanks for looking!

  • ABAP webdynpro how to give spacing between the UI Elements in a view

    Hi Expert,
    I am very new to webdynproapplication development. I am stuck in changing the look of the ui  elements of the view.
    Cud anyone explain  how  to set the spaces  between the  UI Elements on  a View is there any method ?
    I have set the Layout property  to Matrix layout. But here I am unable to set the spacing between the deffernet elements  as it is taking it automaticaaly  and I am not able to allign  all the  Elements.
    Need your help!.............thank you
    Moderator message: wrong forum, please have a look in the dedicated "Web Dynpro ABAP" forum.
    Edited by: Thomas Zloch on Apr 15, 2011 10:17 PM

    Hi anushree.,
    If u are using matrix layout:
    In Layout Data select MatrixHeadData to display UI in next line.,
    If u want to give space  between UI elements in the width enter 50, 60, 70 or what ever space u want.
    Also in the vGutter u can select medium ,  large ,  medium with rule  to give space between UI elements.
    n if u want to give space between lines  ., in the height enter 30 40 or whatever spacing between lines u want.,
    Matrix layout is a good layout., and u can play with colspan , hAlign, vAlign, vGutter, width and height options.,
    If u dont like the layout with these options then use Grid layout., where u can give custom spacing., with the help of Left Padding, Right Padding, Top Padding, Bottom Padding.
    reply if u need some more clarifications.,
    Thanks & Regards
    Kiran

  • Lightbox Slideshow adjust spacing between thumbnails

    Hi
    This is actually a two part question -
    1. I want to give a collage look to my slideshow, without any spacing between thumbnails. How can I remove all the space between thumbnails.
    2. For all the thumbnails I want -"Fit the frame proportionally" and for all the big lightbox images I want "Fit Content proportionally" so that vertical and horizontal images are not cropped in the Lightbox view. How can I do that for all the images together rather than going one by one.
    Thanks in advance.
    -MP

    Hi MP,
    For your 1st request, the Thumbnails (containers that hold the thumb images) cannot be resized individually and maintain same dimensions for all the thumbnails. For this reason, even though you can remove all spacing between Thumbnails by selecting the Thumbnail Container and specifying H and V Gutter in the Spacing Panel to 0 -- if your slideshow images are of mismatched dimensions and proportions and you have Fit Content Proportionally selected as the Fitting option, then there will be an inevitable space around the thumb images either vertically or horizontally. You can work around that by using the Fill Frame Proportionally option.
    For your 2nd request. you can choose the appropriate option in the Flyout menu for "New Hero" and "New Thumbnail" options BEFORE adding the new images to the slideshow. The selection you make here will be applicable for images that you add after setting this option. So the appropriate workflow would be to setup your slideshow the way you want, then choose the appropriate option for New Hero and New Thumbnail and then add all your images to the slideshow.
    If you want fine grained control over thumbnail and images, you may look at Composition Widgets which allow you to manually place and size all content individually and still allow you to use the composition as a slideshow upon publishing.
    Thanks,
    Vikas

  • How to maintain spacing between 2 elements in webdynpro

    Hi Experts,
    I got 3 pushbutton. I am using matrix layout but spacing(distance) between 3 of these elements is not uniform.
    Please help me to make spacing between them to be uniform.
    Thanks & Regards,
    Niki

    Hi Niki,
    Use Vgutter property of buttons, use medium or large to make distance between buttons.
    OR
    Use Invisible UI Element and place between buttons it will give gap, give width of invisible element to move.
    Cheers,
    Kris.

  • Spacing between letters

    HI friends,
    we are currently involving in scripts upgradation from 4.6c to Ecc 6.0.
    we are facing a small problem that there is a spacing between letters , when we upgrade the document in Ecc6.0.
    could u pls help me how to overcome this problem.
    Hope u are undestood my query.
    Thanks & Regards
    ravi

    Hi, anji
    I have checked the font attributes, but its same in both 4.6c and Ecc6.0.
    Could u pls let me know, is there any other reason.
    Thanks & regards
    ravi.

  • Spacing between lines is not consistent!

    Dear co-community members,
    I am a happy Pages user since a couple of months, but I just discovered a weird thing and that is: the spacing between the lines is not consistent! I am typing my document with margins left and right: 2,25 upper and under: 2,00. I use Helvetica Neue Light in 10. And I have tried several spacings: 1,15 - 1,3 - 1,35 - 1,4 but the spaces between the lines are not consistently as big or as small as they need to be.
    I discovered this when I was test printing it and I saw something was off - on paper, I thought it was my printer. But I also checked the document again: spacing was 'the same' in the whole document according to the info window. But I could see it with my bare eyes that it was not consistent (on screen nor on paper). I put the screen on 200% and I took a ruler and the spaces vary with 1mm when for example the spacing is set on 1,3. I don't think this is normal and I cannot find any solution nor explanation for it.
    I am using a MBP Retina 13" late 2012 and I have the most updated/recent version of Pages/OSX. Please let me know whether I did something wrong or are my eyes just too good hahah - or it is an 'error' in Pages .
    Kind Regards,
    Ning.

    @PeterBreis0807 & @Barry
    I actually don't have any objects or other material/fonts in my text (yet) that are not uniform size . I wanted to make a print screen from a part of my text, but I am not sure if I am allowed to post that here since I am typing a literature review with references.
    I btw do have headings in small capital (Helvetica Neue - Medium), it might not be Helvetica Neue Light also but I have never had problems with headings in another font causing inconsistent spacing between the rest of my text .
    Thank you for your reply!
    Ning.

  • TextField and CSS: How to control spacing between paragraphs

    I'm using an external CSS to format a textField that has some
    HTML text in it, let's say something similar to this:
    myTextField.htmlText = "<p>paragraph
    one</p><p>paragraph two</p>";
    How can I control the spacing between paragraphs when there
    is no support for margin-top or margin-bottom? I don't want to add
    empty <p> or <br /> elements to my text since they
    don't allow exact control and insert too much space. Is there any
    good solution?
    Thanks

    I think rob day's suggestion has merits too. Either way I
    don't see any other way but inserting an extra element that adjusts
    the spacing somehow.
    Yes, it sucks that the majority of styling declarations are
    not supported but, on the other hand, it is not such a big deal to
    insert an element especially with the powerful XML tools in AS3.
    You can create a function that will preprocess all XML "page"
    nodes and insert an extra <p> tag after each <p> tag
    (see attached code)
    I did not check if code works - it is just a concept.
    The same approach can be taken with rob's suggestion but
    inside the <p> element that comes with the XML.

  • Get Spacing between the two elements

    Hi,
    I have two groups and  a table in  in my layout .
    In groups I have two input fields each
    I want to provide the spacing between the groups.
    How to do the above,
    Edited by: SAP LEARNER on Nov 12, 2009 12:29 PM

    hi ,
    insert INVISIBLE element bewtween ur two groups
    http://help.sap.com/saphelp_nwmobile71/helpdata/en/0f/f08841e3af1609e10000000a155106/content.htm
    keep the layout like this :
    Group1 ( MAtrix Head Data ) , n INVISIBLE ELEMENT(s) ( Matrix Data) , Group2 ( MAtrix Data )
    u can find example in the Web Dynpro Application  WDR_TEST_UI_ELEMENTS.
    also refer the related threads:
    Re: webdynpro abap
    Re: Not able to display fields in new line while designing form?
    n the other alternative ( though I wud recommend u to go with the first alternative ) , is insert a Text View UI and in the TEXT property of the UI , do not enter any text
    regards
    amit
    Edited by: amit saini on Nov 12, 2009 1:01 PM

  • Adjusting Spacing Between Thumbnails

    Minor but annoying problem here. I don't know what I did but somehow all my thumbnails are now spaced REALLY close together (like, 1/8 of an inch apart). They were not like this before. I've tried adjusting the slider at the bottom right hand corner but that only changes the size of the thumbnails themselves, not the spacing between them. Having them so close together really makes it a pain in the a** when I'm trying to highlight a bunch of photos with my mouse. Any suggestions...?

    Press "u".
    Toggling the Browser Metadata Overlay off enlarges the thumbnails and moves them closer together. Handy, actually -- but not knowing how to control it makes it frustrating.
    If you don't know what the Metadata Overlays are -- now's the time to learn. Search the forum or the [User Manual|http://documentation.apple.com/en/aperture/usermanual/index.html#chapter =11%26section=2%26tasks=true], and ask if you have any questions.

  • Change spacing between "LED's" in 2D boolean array indicator

    Hi All
    In my application I am tring to mimic a LED matrix sign using a 2D boolean array indicator. Its obvious enough how to chage the size of the LED's in the array indicator but I would also like to reduce  the spacing between LED's as I have very small leds with two much space between them!!
    Could someone kindly send me an example or tell me waht steps to take using customize indicators function etc.
    Also can this be changed programatically using property nodes, so for instance i can resize the spacing to mimic LED signs with different LED densities?
    Many Thanks!
    Tristan

    Hi Tristan
    You could try customising the boolean in your array.  Right click on an element of your array, select Advanced->Customise....  You can then modify the appearance of the boolean to your requirements, using decorations for example to modify the spacing.
    You will be prompted to update your array with the modified version once you have finished your edits.
    Had a quick play, see attachments
    Hope this helps
    Steve
    There are 10 types of people in the world that understand binary, those that do and those that don't.
    Attachments:
    ModArray.vi ‏9 KB
    ModBoolean.ctl ‏6 KB

  • Spacing between sections on subform

    Hello,
    I have attached a file with the pdf print out. there are spacing between the sections, yet the section is trimmed and used as a subform to re-occur on the same page. what could be the issue?? I'm using a table as the row, and all columns contain fields that can can grow and shrink.
    Is there a possibility (method) to let each section be adjacent to each other like an excel table?
    Thank you,

    Hello, thank you for your reply. 
    The problem is that i have three nested elements in the extract xml with variable amounts of these entries.  This means that i can't remove the last subform.  Yes i have checked the section in the last subform and it is 0.00 and Max from the top. The size of the section is was autosized, meaning that it is not bigger than the boundary of the table.
    I hope this makes sense?
    Thank you,

  • Spacing between portlets

    Hi, I am new to portal and sorry if this is a silly question. How can I remove the spacing between the portlets?
    In fact, whenI design my pages, should I insert the page elements as JSP/HTML portlets, if so, I need to remove the
    spacing between them.
    If there are other approaches, please help. Maybe overriding skeleton for each page?

    You create a custom look and feel (or modify an existing one) .You will need to modify some areas of the skeleton as well the CSS in the skin to get the HTML as you want it.
    If you choose an existing skeleton , ensure that you check the generated HTML and check the extra tags that the framework outputs and plan your CSS (and your mock html) accordingly

  • Remove spacing between minimize mazimize close buttons.

    How remove spacing between minimize, maximize, close buttons. Problem is only in firefox, when hide menu bar.
    image: http://www.bildites.lv/images/jx5yixdwdam0b5clli3.jpg
    Icons should be like in my computer window.
    OS: Windows XP; SP3
    Theme: http://www.crystalxp.net/galerie/en.id.130.htm
    Firefox 4.0 Beta 10

    Has anyone found a solution for this yet? I've searched everywhere, but have found little mention of the problem, let alone a fix. I have the same conditions as the original poster: XP, 3rd party visual style, and problem disappears when enabling the menu bar. My Windows caption buttons appear exactly like the posted screenshot. I would imagine CSS could fix it. Thanks,
    Brandon

  • Remove spacing between div tags

    Is it possible to remove the spacing between div tags? If so
    how do you do it?

    Can you just post a link to the page rather than the mangled
    poo that the
    webforum hands us? (see below)
    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
    ==================
    "lockw" <[email protected]> wrote in message
    news:[email protected]...
    > Here is the code I am working with. i am trying to
    remove the spacing
    > between
    > the header and the left and right navigation.
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    > "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="
    http://www.w3.org/1999/xhtml">
    > <head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    > <title>Untitled Document</title>
    > <style type="text/css">
    > <!--
    > #container {
    > margin: auto;
    > width: 990px;
    > }
    >
    > #container #left {
    > background-color: #999999;
    > background-position: top;
    > float: left;
    > width: 200px;
    > padding-right: 15px;
    > padding-left: 15px;
    > border-right: 1px solid #666;
    > margin-top: 0px;
    > margin-right: 0px;
    > margin-bottom: 0px;
    > margin-left: 0px;
    > }
    > #container #left ul {
    > list-style: none;
    > margin: 0;
    > padding: 0;
    > }
    > #container #left ul li {
    > margin: 0;
    > border-top: 1px solid #003;
    > }
    > #container #left ul li a {
    > display:block;
    > padding: 2px 2px 2px 0.5em;
    > border-right:1px solid #69C;
    > border-bottom: 1px solid #369;
    > background-color: #036;
    > color: #fff;
    > text-decoration:none;
    > width:100%;
    > }
    > html>body #container #left a {
    > width:auto;
    > }
    > #container #left ul li a:hover {
    > border-right: 1px solid #69c;
    > border-bottom: 1px solid #369;
    > background-color: #69f;
    > color:#fff;
    > }
    >
    >
    >
    >
    >
    >
    > #container #main {
    > margin-top: 0px;
    > margin-right: 250px;
    > margin-bottom: 0px;
    > margin-left: 250px;
    > }
    > #container #right {
    > background-color: #666666;
    > float: right;
    > width: 200px;
    > padding-left:15px;
    > padding-right:15px;
    > }
    > #container #header {
    > background-color: #003366;
    > float: none;
    > clear: none;
    > margin-bottom: 0px;
    > }
    > .style1 {color: #CCCCCC}
    > .style2 {color: #FFFFFF}
    > body,td,th {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 10pt;
    > }
    >
    > #container #footer {
    > float: none;
    > clear: both;
    > }
    > a:link {
    > color: #000099;
    > text-decoration: underline;
    > }
    > a:visited {
    > text-decoration: underline;
    > }
    > a:hover {
    > text-decoration: none;
    > color: #666666;
    > }
    > a:active {
    > text-decoration: underline;
    > }
    > #container #right #rightnavtop {
    > }
    > #container #right #rightnavtop ul {
    > list-style: none;
    > margin: 0;
    > padding: 0;
    > }
    > #container #right #rightnavtop ul li {
    > margin: 0;
    > border-top: 1px solid #003;
    > }
    > #container #right #rightnavtop ul li a {
    > display:block;
    > padding: 2px 2px 2px 0.5em;
    > border-right:1px solid #69C;
    > border-bottom: 1px solid #369;
    > background-color: #036;
    > color: #fff;
    > text-decoration:none;
    > width:100%;
    > }
    > html>body #container #right #rightnavtop a {
    > width:auto;
    > }
    > #container #right #rightnavtop ul li a:hover {
    > border-right: 1px solid #69c;
    > border-bottom: 1px solid #369;
    > background-color: #69f;
    > color:#fff;
    > }
    >
    > -->
    > </style>
    > </head>
    >
    > <body>
    >
    > <div id="container">
    > <div id="header">
    > <p class="style1">Header</p>
    > <p> </p>
    > <p> </p>
    > </div>
    > <div id="left">
    >
    >
    <a href="#">Pharma</a></li>
    >
    <a href="#">Diversity</a></li>
    >
    <a href="#">Marketing</a></li>
    >
    <a href="#">Sales</a></li>
    >
    <a href="#">Money</a></li>
    >
    <a href="#">Stock</a></li>
    >
    </li>
    >
    <a href="#">Advertising</a></li>
    >
    </li>
    > <p>lklkmklml</p>
    >
    > </div>
    >
    > <div class="style2" id="right">
    > <div id="rightnavtop">
    >
    >
    <a href="#">Real Estate</a></li>
    >
    <a href="#">Commercial Real Estate</a>
    >
    >
    <a href="#">Recruitmen</a></li>
    >
    > </li>
    >
    > </div>
    > <p><br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > <br />
    > </p>
    > <p> </p>
    > <p> </p>
    > <p> </p>
    > <p><br />
    > </p>
    > </div>
    > <div id="main">
    >
    > <p>The main content will go here The main content
    will go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here The
    main content will
    > go
    > here The main content will go here The main content will
    go here The main
    > content will go here The main content will go here
    <br />
    > </p>
    > <p> </p>
    > <p><br />
    > <br />
    > <br />
    > <br />
    > </p>
    > </div>
    > <div id="footer">
    > <p>
    <br />
    > Advertising Categories: <a
    href="#">Residential Real Estate</a> |
    > <a
    > href="#">Commercial Real Estate</a> | <a
    href="#">Recruitment</a> | <a
    > href="#">Small Business</a> | <a
    href="#">Automotive</a> | <a
    > href="#">Franchise</a> | <a
    href="#">Legal</a> | <a href="#">Obituary</a>
    > | <a
    > href="#">Online Verticals</a></p>
    > <p>
    Audience: <a href="#">Profiles</a> | <a
    > href="#">Circulation</a> |
    > <a href="#">Testimonials</a> </p>
    > <p>
    Solutions: <a href="#">Small Advertiser</a> |
    <a
    > href="#">Medium
    > Advertiser</a> | <a href="#">Larger
    Advertiser</a>| <a
    > href="#">Advertisment
    > Dimensions</a></p>
    > <p>
    Purchase Now: <a href="#">Purchase
    Now</a></p>
    > </div>
    > </div>
    > </body>
    > </html>
    >
    >

Maybe you are looking for