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 PMHi 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.
-MPHi 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,
NikiHi 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. -
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
raviHi, 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?
ThanksI 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 PMhi ,
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!
TristanHi 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, -
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 10Has 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
-
Error while running application in jdeveloper
Dear All, When i try to run application in jdeveloper it gives me follwing error in log . Can any body help me over this.... <Jan 25, 2011 6:39:52 PM IST> <Error> <JDBC> <BEA-001553> <Unable to deploy JDBC data source conMessages. No credential mappe
-
ITunes 8.1 will no longer sync music with my RAZR V3i
I've been doing this successfully for years, but after updating to 8.1 my phone will not sync with iTunes. I can access the phone's playlist in iTunes, but iTunes wont sync that playlist. I have mp3 files I've deleted from iTunes and they still appea
-
We use adobe acrobat X pro, how can I convert pdf to worl document?
we use adobe acrobat X pro, how can I convert pdf to worl document?
-
Is iOS 4.3.1 still sluggish on iPhone 3Gs?
Can anyone please confirm?
-
How to group returned recordset
My current recordset returns the following: Africa Egypt Africa Namibia Africa Morocco America, Central Mexico America, North United States America, North Canada How do I group this recordset according to region? So it returns the f