Bulleted List within a Grid Panel

Hi,
I'm trying to format an HTML page, using the Grid Panel component to arrange various text and images.
In one of the text sections I need a bulledted list, but can't seem to find a way to do that, within the Grid Panel.
I need this page to be a JSP page, as it is going to be dynamic.
All help/advice would be appreciated.
Regards
Haroon

Hi Haroon,
Please go through the below jsp code to get a bulleted list in a grid panel
<h:panelGrid binding="#{Page1.gridPanel1}" id="gridPanel1" style="left: 48px; top: 48px; position: absolute">
                        <ul>
                            <li>One</li>
                            <li>Two</li>
                            <li>Three</li>
                        </ul>
                    </h:panelGrid>Hope this helps
Cheers
Giri

Similar Messages

Tabbing Within a Bulleted List

Every school day I create a simple Keynote presentation for my students with the day's schedule. Along the left side of the slide is a bulleted list with the time slots of the day. The column on the right lists the activity we'll do during that time slot. My problem is that when I type in the times and then want to type in the corresponding activity, pressing the tab key simply indents the bullet item rather than move the cursor across the screen. Any suggestions on how to move the cursor across the screen with a keystroke within a bulleted list? Currently I copy and paste a blank spacer to create a slide similar to what is below.
• 8:30-9:00 Independent Reading
• 9:00-9:15 Grammar Review

just figured it out myself -option tab! good grief, why did they do that? the outline levels should be set by the inspector bullets tab arrows, and they should let a tab be a tab -does someone know a preference switch or something that will fix?

Bullets & Lists disabled

Does anyone know how to enable Bullets & Lists in Numbers 3.1? When I go to the "Inspector", i.e., Format --> Text, all the control components within the Bullets and Lists section are disabled (i.e., grayed-out). Does anyone know a way to enable them?
-Thanks

If you put the cursor in a text box, you have those options; they represent a kind of formatting that isn't available in a cell of a table.
You can type a bullet into a cell manually, of course.

More Bulleted List Weirdness (TCS3)

I have a linked FrameMaker book into my RH9 project. I'm using the RHStyleMapping.css for all my topics. My Frame styles are linked to a RH style (source) and I'm using the 'convert Autonumber to HTML List' setting for both levels. I'm outputting to AIRHelp browser based help.
In Frame I have 2 levels of bulleted lists.
My converted styles are:
p.FM_Bulleted
p.FM_Bulleted_indent
When these topics are converted, something strange is happening to my second level indent. Here is the style used in a section of a numbered list:
This is how it should be.
However, where I have used the same style in the middle of my first level bulleted list, it comes out like this (from Telnet to rlogin):
When I look at the HTML for the generated page (the WYSIWYMG is ok), what seems to be happening is that the '_' between Bulleted and indent in p.FM_Bulleted_indent is being removed when included as part of a bulleted list, causing the problem.
Any ideas how this can be happening?
Mark

Welcome to the paragraph composer. InDesign's text composition engine is
far more advanced than XPress'. It looks at the entire paragraph.
You can turn it off, but I don't advise it. Instead, if you need words
to stay together, use a no break attribute (create a character style for
it).
You say it's off, but there's no way it would be acting that way if it
were. Look in the paragraph panel and the paragraph styles.
Bob

Bulleted List Question

I'm applying a new style for my company's technical data sheets. The designer created a new bullet using a Wingdings 3 symbol. I incorporated that symbol, a lower case u that displays as a triangle rotated 90 degrees to stand on one tip. I copied that symbol from my computer's character map and followed the user guide instructions to create the special bullet symbol and that works fine. Where I'm having trouble is that the text following this new style bullet is in Frutiger roman font. When I type text following the bullet, I get wingdings 3 symbols. When I highlight those characters and assign Frutiger roman font, the bullet reverts to a lower case u.
Can FM 7.0 use a wingdings character to start a bulleted list and use other font for text following the bullet? Thanks.

The problem you're running into is likely because of a "quirk" in the way FM handles font changes within paragraphs.
To start with, are you creating a bulleted paragraph style, or are you just putting the bullet symbol in front of the text in the paragraph?
If you're just inserting the bullet after copying from the Character map, the better approach is to
1. create a new character style, e.g. "Wing3", that is set to be the Wingdings3 symbols.
2. create a new paragraph style, e.g. "NewBullet" with the Frutiger font for the paragraph, and in the autonumber properties of this paragraph tag specify the special character and that it should use Wing3 as the character format.
This is where it gets a bit tricky, though, because it may be difficult to find the correct character to put into the Autonumber Format dialog box, because FM sometimes "rearranges" the character mapping for some fonts. So, if you have a problem getting the correct character to be displayed for the bullet, don't give up -- post back here and let us know.
Sheila

Bulleted list, type breaking to next line

I'm working in ID CS3. I set up a nested style sheet for a bulleted list. However, the type is breaking too soon--there is still space on the line for more text, but it is breaking it. When I backspace the type trying to bring it up, it will do it, but when I add a word space back in, it jumps down to the next line.
It is not doing this with other styles I have set up. I tried changing the style to Adobe Single-line composer, but that didn't help.
(p.s. I'm a long-time Quark user who has been migrating over to InDesign)

Welcome to the paragraph composer. InDesign's text composition engine is
far more advanced than XPress'. It looks at the entire paragraph.
You can turn it off, but I don't advise it. Instead, if you need words
to stay together, use a no break attribute (create a character style for
it).
You say it's off, but there's no way it would be acting that way if it
were. Look in the paragraph panel and the paragraph styles.
Bob

Grid within a grid

Hi,
I am new to awt. I am trying to create a series of grids within a grid.
The first grid will have three rows and one column. Each of the rows will contain a grid of varying numbers of rows and columns.
Has anyone an example of how I would do something like this (no swing please, I haven't got to that part of Java yet!)
Cheers,
Didje

Hi,
Yes, that's where my problem has been. I've never done containers before, so I've been figuring how to nest them.
However, I have managed to cobbble the following code together, which basically works, but I can't figure out how to reduce the size of the top and bottom buttons to a similar size of the centre buttons.
import java.awt.*;
public class NestedPanel extends Frame {
public NestedPanel(String title) {
super(title);
setLayout(new GridLayout(3,0,0,40));
     addPanel1();
     addPanel2();
     addPanel3();
public void addPanel1() {
     Panel panel = new Panel();
     panel.setLayout(new GridLayout(0,3,15,30));
panel.setSize(10,10);
     panel.add(new Button("TButton X"));
     panel.add(new Button("TButton Y"));
     panel.add(new Button("TButton Z"));
     add(panel);
public void addPanel2() {
     Panel panel = new Panel();
     panel.setLayout(new GridLayout(4,5));
for(int i=1;i<=20;i++)
          panel.add(new Button("Button " + i));
     add(panel);
public void addPanel3() {
     Panel panel = new Panel();
     panel.setLayout(new GridLayout(0,4,15,30));
     panel.add(new Button("BButton X"));
     panel.add(new Button("BButton Y"));
     panel.add(new Button("BButton Z"));
     panel.add(new Button("BButton Q"));
     add(panel);
public static void main(String[] args) {
NestedPanel abc =
new NestedPanel("Nested Panel");
     abc.setSize(350, 550);
     abc.setVisible(true);
}

How to format bullet lists

So that bullets stand out visually, I prefer bullet lists indented, not flush with the existing paragraphs. Is there a way to modify bullet settings to automatically appear like the following?
Appreciated.

On the Text panel, follow this screen shot for settings. You will want an after paragraph setting of 6 or 9 pt before you press return to start your bullets. That will give you a nice vertical standoff. You will want this after paragraph setting for each bullet item so that they too, have some breathing space. Tune the list indent, and text spacing from the bullet to your taste. When you have finished with the list, you may wish to set the after paragraph to 0 to resume normal sentence line space.

Pressing tab in a bulleted list

Whenever I press tab within a line inside a bulleted list it moves the entire line, not just the section that I want to move over. Is this behaviour normal? Is there a way to change this behaviour?
Thanks

It seems to be a normal behavior.
If you could describe what you want to achieve maybe we can figure out how to do it in Pages.

Where is Bullet List button?

I've searched everywhere for how to invoke my bullet list buttons but haven't found them. I am running the latest InDesign version from Creative Cloud. This is my control panel when I'm in paragraph mode:
This seems like such a dumb-headed question, but I'm feeling rather dumb right now.
Thanks.

Oh, nevermind. I found it. There is a toggle button on the control panel that controls whether the text controls are in Character or Paragraph mode. I believe the default is Character mode.
Here is the first section of Character mode:
Here is the first section of Paragraph mode:
All's well. (For now.)

Clear Grid Panel

I'm using panel Grid to display images .And I use buttons to scroll into the list of the images.But in each listener of the buttons I must clear the panel grid to display the images for the associated page.
Because the last images still displayed despite the fact that I have created a method named
findAndRemoveComponentInRoot(componentId);
to remove components by Id.
And I also have Exception
Component ID form1:Results:button0 has already been found in the view.
I also tried with this
for(int j=0;j<grid.getChildCount();j++){
grid.getChildren().remove(j);
}But I still have the exception.
How can I do please.
Thanks.

Hi,
The components are of various types like display components, input / output components, containers etc. The grid panel is a container. The containers can only hold other components. There is no action even associated with the container components. Also grid panels are not visible components. How do you propose to click on something that is not visible. It would be better if you explained your use case.
Cheers
Giri

How do I move back to the grid panel

There must be a key command to move between the grid panel or the filmstrip and the keywording panel, isn't there? I don't want to use my mouse. I just want to select the photo (if I'm in the grid panel I just move right arrow or left) and then go to the keywording panel (Command K) and then GET BACK TO THE GRID PANEL SO I CAN SELECT THE NEXT PHOTO. I've looked at a lot of articles and lists of key commands for Lightroom 4 and can't seem to find the answer.

In case this helps, pammmm, the Esc key is used in many programs to back out of ("escape" from) a lot of places. For example, if you're in a dialog box, pressing Esc is usually the same as clicking the Cancel button. You'll find the Esc key used in this way in all kinds of programs, from Photoshop to Microsoft Word.
It is possible that the reason Esc isn't documented is because it isn't documented in a lot of other programs either. It's probably just assumed as a "power user" shortcut, the same way a lot of people know that they can press Enter instead of clicking OK.

Slight misalignment in IE10 bullet list

I have a bullet list, and I want the lines of text following each bullet to line up to the right of the bullet-- so I have an outdent:
list-style-position: inside;
list-style-type: disc;
text-indent: -1em;
This works great in Chrome and Firefox, but IE 10 wants to shift the second line after to the left a tad. I've tried using different units (px. pt) but no dice. The list is within a <dd> tag, but I've also tried different combinations: <dd><ul><li>..., or just <dd><li>.., and also skip the <dd> altogether and just <ul> <li>... which raises a secondary question about what exactly is the proper syntax here... does <li> have to reside within a <ul>? The bullet list is technically an item list within a description list.
The discrepancy may just be limited to IE10, and I can live with it if I have to.
Thanks

Bullets are most often used in unordered lists.
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<style>
ul li {
     list-style-type: disc;
     margin-left:0;
     padding-left:0;
</style>
Nancy O.

OutputText in Grid Panel problem.

Can anyone explain why the text displayed using an outoutText component is a single line running off the end of the screen instead of being contained within the area of an outputText component?
I expected the code below to give a two column table. The first column contains images and the second contains outputText components. The width of the columns is set using the stylesheet classes centrala and centralb to be 25px and 325 respectively.
The outputText gets the text to display from a property file and the fonts etc are set using the stylesheet with the styleclass centraltext shown below.
Thanks in advance for any help with this.
John.
<h:panelGrid binding="#{central.gridPanel3}" columnClasses="centrala,centralb" columns="2" id="gridPanel3" style="width: 350px; height: 333px;">
            <h:graphicImage binding="#{central.image1}" id="image1" style="width: 24px; height: 50px;" value="images/spacer.gif"/>
            <h:outputText binding="#{central.outputText5}" id="outputText5" styleClass="centraltext" value="#{info.c1}"/>
            <h:graphicImage binding="#{central.image2}" id="image2" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText1}" id="outputText1" styleClass="centraltext" value="#{info.c2}"/>
            <h:graphicImage binding="#{central.image3}" id="image3" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText2}" id="outputText2" styleClass="centraltext" value="#{info.c3}"/>
            <h:graphicImage binding="#{central.image4}" id="image4" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText3}" id="outputText3" styleClass="centraltext" value="#{info.c4}"/>
            <h:graphicImage binding="#{central.image5}" id="image5" style="width: 24px; height: 12px;" value="images/leafbulletpoint.gif"/>
            <h:outputText binding="#{central.outputText4}" id="outputText4" styleClass="centraltext" value="#{info.c5}"/>
        </h:panelGrid>
.centraltext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 12px;
    color: #ffffff;
    width: 324px;
    height: 50px;
}

Yes: Output Text renders a <span> containing the text. A span is an inline tag. And according to the CSS2.1 spec, the "width" property is ignored (does not apply) when in normal flow: http://www.w3.org/TR/CSS21/visudet.html#q4 .
That's because when you put the output text inside a grid panel, it's not absolutely positioned itself - it's normal flow (the grid panel might however be absolutely positioned but that doesn't matter).
If you drop an output text on its own and change its width, you'll notice that it -does- cause the text inside to be wrapped; that's because the width property does apply for absolutely positioned inline boxes; just not for normal/static flow inline boxes.
-- Tor
http://blogs.sun.com/tor

The bullet list, numbered list and the normal text is not converting when I am converting from RH 9 to MS Word 2010

Hi all,
Greetings for the day
I am created a new CSS in Robohelp 9. I have also created a new template in Word 2010. The style sets for different information elements like (Heading, bullets, body text, ) are more or less same between the CSS and the new templates. I am also able to map the .css styles to Word template when I am converting from RH to Word as I am getting the necessary option in the drop-down list.
However, when the output is generated, the bullet, the numbered list and the body text is not converting at all. The body text works sometimes. However, the numbered list and bullet list is coming out as images.
If anybody knows the solution, I can share the .css and Word template.
Thanks in advance.
Regards,
Parag Deb

Create a new project with two or three topics containing lists of both types. Generate a printed output that shows the problem. Then zip it up and send it to me. See the Contact page on my site for instructions.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Bulleted List within a Grid Panel

Similar Messages

Maybe you are looking for