H:panelGrid colspan and rowspan
Hello there,
I need a grid component that can render also colspan and rowspan.
Is there anything like this ? panelGrid do not seem to have these attributes.
Maybe there is a 3rd party package that provide this functionality.
I am also interested in applying styles to specific <td> elements.
Any ideas ?
Thanks,
h:panelGrid does not support colspan and rowspan attributes.
There is a third party JSF library that cover the HTML layout tags and can be used along with the standard jsf library.
URL: http://www.jsftutorials.com/htmLib/
Similar Messages
-
Colspan and rowspan attributes in table cells
Is there a way to add 'colspan' or 'rowspan' attributes to a cell in a table using the RoboHelp UI? Of course, it's very simple to just edit the HTML directly, but I'm preparing documents that will be used in the future by executives, and like most executives they are barely computer-literate.
Hi there
In the RoboHelp HTML UI, the author selects the affected cells and chooses to merge them by either clicking the Table menu and choosing Table > Merge Cells or by clicking the Merge Selected Table Cells icon in the Tables and Borders toolbar.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 moments from now - $24.95!
Adobe Certified RoboHelp HTML Training
SorcererStone Blog
RoboHelp eBooks -
My APEX version 4.0.2
Oracle Version 11g
1. I created Background Image for Text Box .
2. I gave Code in HTML CELL ATTRIBUTES
as below
<span style="width:533px; height:59px;background-image:url('/i/images/mypicture.png');"></span>
3. PRE ELEMENT TEXT i gave the below code
<span style="padding:120px;"></span>
Images are showing but getting the below code on images how to suppress the below code
colspan="1" rowspan ="1" align="right valign ='middle'{code}
Can anyone help me to fix this
thanks and regardsA wrote:
My APEX version 4.0.2
Oracle Version 11gPlease edit your post and only use {noformat}{noformat}tags on actual code.
1. I created Background Image for Text Box .
2. I gave Code in HTML CELL ATTRIBUTES
as below
<span style="width:533px; height:59px;background-image:url('/i/images/mypicture.png');"></span>
APEX generates the <tt>span</tt> element for report cell contents when HTML Cell Attributes are specified. Remove them from your code:style="width: 533px; height: 59px; background-image: url(/i/images/mypicture.png);"
Also, quotes are unneccessary in CSS URLs.
3. PRE ELEMENT TEXT i gave the below code
<span style="padding:120px;"></span>
This is applying padding to an empty <tt>span</tt>. The property is better applied somewhere else. What exactly are you trying to achieve here?
Images are showing but getting the below code on images how to suppress the below code
colspan="1" rowspan ="1" align="right valign ='middle'
The main cause of this is probably the unnecessary <tt>span</tt> in (2) above, but <tt>align="right valign ='middle'</tt> is a syntax error. Where is this coming from? The <tt>align="right"</tt> needs a terminating double quote. -
Difference between panelGrid tag and dataTable
hi,
what is the difference between panelGrid tag and dataTable tag in jsfA panelGrid is useful when you have a fixed number of rows and columns. Each child component of the panelGrid is specified explicitly and arranged in a grid by the parent component.
A dataTable is useful when you have a collection of homogeneous data of indeterminate size. You specify the columns of the dataTable and it will iterate over your data creating one row per datum. -
Column Sorting and Rowspanning not working in OBIEE 11g (worked in OBI 10)
Hi all,
i have a report with columns like this:
Customer Nbr. | Customer Name | Salesorder | EBIT | EBIT (Total p. Customer)
In the table view i have a total sum line at customer level.
The column "EBIT (Total p. Customer)" is an Aggregate with Formula (SUM(Invoices.Ebit) BY Customer."Customer Nbr.") which is exactly the same value as in the report sum line (column EBIT).
This Aggregate colum is only for sorting purposes and is hidden in the view.
The business case is:
"We want to see the EBIT per Salesorder for each customer, sorted from worst to best customer.
So i sorted by "EBIT (Total p. Customer)" ascending in criteria tab and adviced answers to show the sum for each customer (column customer nbr.) in the table definition view.
OBIEE 10 behaviour: Answers shows all customers sorted by EBIT (Total p. Customer), i see one line for each salesorder, the customer columns are rowspanned over all salesorder lines and there is exactly on sum line after each customer.
OBIEE 11 behaviour: Answers shows all customers sorted by EBIT (Total p. Customer), i see one line for each salesorder BUT there is one sum line after each salesorder too. So there is no sum at customer level but on salesorder level
Any idea how to solve this?
BTW:
1.) I still tried to place this column as the first (left) column in the report to get the right sorting ... with no success.
2.) Sorting data at BI Server level is NO option since there are some other reports with different sorting requirements
While searching in "Oracle Support" i found document ID: 1371247.1 "OBIEE 11g: How To Apply a Custom Sort in Answers" which says "... The functionality to custom sort in Answers does not currently exist There is an enhancement request for this functionality. For more information, see Bug 13261597 - be able to apply a custom sort in answers ..."Did you ever get an answer to your question? We are seeing the same issue.
-
Dynamic Columns with dynamic header colspans
Hi All,
Our project requires creation of dynamic data table at runtime. Following are the requirements.
1.The number of columns and column headers should be dynamic. Basically the column headers are the Month names.
2.Some or All of the above displayed months can be further split into 3 columns based on further values selected by the user. The months to be split into 3 columns will be identified only at runtime based on some calculations. When this happens, that particular month header should span 3 columns and an additional header for the 3 split columns have to be displayed. Check the screen shot below.
----------------------------------------------------------------------------------|-------------|
Year: 2008 | Year: 2009 |
----------------------------------------------------------------------------------|-------------|
|Current Month | | |
-------------------------------------|--------------|-----------------------------|-------------|
Sep | Oct | Nov | Dec | Year Total| Jan |
------------------|------------------|--------------|-----------------|-----------|-------------|
| | |2008 |2009 |Total| | |
------------------|------------------|--------------|-----|-----|-----|-----------|-------------|
Old |New |Total|Old |New |Total | | | | | | |
Value|Value | |Value|Value| | | | | | | |
-----|------|-----|-----|-----|------|--------------|-----|-----|-----|-----------|-------------|
xx | xx | xx | xx | xx | xx | xx | xx | xx | xx | xx | xx |
-------------------------------------------------------------------------------------------------Points to be noted:
1.The colspan for the Year header is dynamic based on the months displayed for the previous, current, next year.
2.The ‘Current Month’ header is dynamic based on the month selected in the drop-down.
3.The colspan for the month is dynamic based on whether it is displaying single column or 3 columns
4.The header for the 3-column split is dynamic based on which are the months to be displayed with 3-column split.
5. Irrespective of the month selected, DEC is always split into 3 columns.
Is this achievable in JSF? Please let me know if anyone has worked on a similar requirement.
Thanks and Regards,
Anitha.Hi charishma/Raymond,
Thanks for your response.
charishma,
I checked the link you provided and the code in that page. For me it looks like the colspan and rowspan are set by the user. Can it be done dynamically? I am still not in the development phase. I am still evaluating the possibilities. So it would be great if you can tell me if my requirements will be met with rich faces.
Raymond,
I am still in the evalution phase of whether this requirement is possible or not?
In short, my requirement is to display columns dynamically. Based on certain conditions, each of the column can be further split to 3 more columns with 3 sub-headers below the main header. There are 4-5 rows of headers available for which the colspan has to be calculated dynamically depending on the total number of columns.
The columns should be editable. i.e., the columns contain textboxes where the user can enter data. Again, the editable columns and non-editable columns are determined at run-time based on certain calculations.
Is this possible? If not, i need reasoning as to why it is not acheivable.
If it is not at all posible then the client is ready to compromise on the editing part. That is, data entry can be in a pop-up whereas, the the datatable should just display the data dynamically so as to print it for a report.
Please let me know the possibility of this requirement.
Thanks and Regards,
Anitha. -
Hello
I have encountered tow problems using JSF 1.0
First:
I have a site that has a css file asociated with it.
In this css file i have a class for the option tag "<option>".
My problem is that JSF dose not provide a way to pass and render the class attribute on the option tag.
Is there a way to render this attribute on the option tag without extending the component or writing a renderer for it?
Second:
How can I pass the attributes colspan and rowspan of a <td> element rendered for a panelGrid tag without extending the component or writing a renderer for it?
Thx.Hello again
I forgot to mention this for th above problem.
The problem with the option tag is that this jsf code
<h:selectOneMenu id="someId" value="" styleClass="select">
<f:selectItems value="#{Dummy.dummySelects}" />
</h:selectOneMenu>
generates this HTML code
<span class="select">
<select id="someId" name="someName" size="1">
<option value="dummy select">dummy select</option>
<option value="dummy select">dummy select</option>
<option value="dummy select">dummy select</option>
<option value="dummy select">dummy select</option>
</select>
</span>
the class="select" attribute should be on the <select> tag but is on the <span> tag.
Why is this and how can I fix it ? -
Hi,
I am trying to generate an HTML table using the JSF tags. But I don't find how to use the colspan and rowspan. These attributes are not defined for the panelGrid JSF tag.
Does anyone know how to generate colspan and rowspan attributes using JSF? Or do I need to create a new component?
Thanks,
Marie.As far as I know, there is no rowspan in JSF, but you can simulate, kind of, colspan with panelGroup.
-
Need help trying to arrange 3 fields all near each other..in a region.
I have 3 fields and i am trying to arrange all near each other..
But i cannot
The space is like
Empno.. Fieldnename.....*empname*......................................fieldempname samplefield sampleno
I am trying to understand why is there too much space between empname label and the field empname
Note field empname is a list item.
I have currently used field.= no and reduced the space difference
Begin On New Line Field
Can any one educate me more on what is a page item field yes or no indicate.
What is the actual purpose of field in page item and also colspan and rowspan
Also best method to arrange columns near each other in a apex form
apex 4.1 11gxe
Edited by: user12233760 on Oct 2, 2012 2:39 AMHi I had forgotten this option of drag layout . One of the problem is. . I have 3 columns my third columns field
is shown automatically at a different line . Though its label exist in the first line..This happen to last column dont know the reason why
This is specially when i set my last field to no . so that it can exist in one cell..
..Ok Sorted it out..Went into documentation and found about start stop html tables. .and combination of all ..like field even yes,etc
i am able to get the desired output Got it sorted thanks again
Thanks again
Edited by: user12233760 on Oct 2, 2012 3:15 AM
Edited by: user12233760 on Oct 2, 2012 3:31 AM
Edited by: user12233760 on Oct 2, 2012 3:33 AM -
Unable to merge cells in Table(WAD)
HI Gurus,
I am working on BI7.0,
I am trying to create Web Templates to display reports in portal for that
I have selected Table (rows and coloms), When I try to merge first two cells
(to write descritpion of query) it is not allowing me to merge.
Can anybody suggest me how to merge two cells in table.
Thanks in advance.
Maruthi
Edited by: maruthi k on Dec 15, 2008 2:04 PMIf you're talking simply about merging the cells in an HTML table, then you use the COLSPAN or ROWSPAN options in HTML.
Check out the following
<html>
<body>
<table border="1" cellpadding="2" cellspacing="0">
<tr>
<td>
Heading 1</td>
<td>
Heading 2</td>
<td>
Heading 3</td>
</tr>
<tr>
<td colspan="2">
Text covering 2 cells</td>
<td>
Last cell</td>
</tr>
<tr>
<td rowspan="2">
Text covering 2 cells across 2 rows</td>
<td>
Text in cell 2 row 2</td>
<td>
Text in cell 3 row 2</td>
</tr>
<tr>
<td>
Text in cell 2 row 3</td>
<td>
Text in cell 3 row 3</td>
</tr>
</table>
</body>
</html>
Take the above code and put it in a simple HTML file and run that file in your browser, you should then be able to see how COLSPAN and ROWSPAN work.
COLSPAN=2 means that the cell spans 2 columns. Similary, COLSPAN=3 would then span 3 columns.
Remember though that when you set COLSPAN=2, you will need 1 less TD in that row, otherwise you end up with an extra cell in that row which makes your table look all messy.
Now, in your template, get into the XHTML view, find the table, and set the COLSPAN / ROWSPAN accordingly.
Hope this helps.
Cheers,
Andrew -
Graphical interface improvements on JDeveloper 11g
Congratulations you really improved the design interface
I finally could drag an jsf adf item to anothre place,
But I can't move the prompt of that item so easily.
I don't know if you checked yahoo geocities free web designer, this is very interesting because you can put items in any place, I always thought jdeveloper interface would be so easy as oracle developer.
Please don't forget to continue improving we'll have to start programming in 11g and we have very high standards on web output.
Thank you, we appreciate your efforts.Thank you Stom and Shay
1. The example I gave to putting the items anywhere (when I talk about the editor yahoo geocities has) was thinking in swing, and obviously there will be the limitation on the frame of the database and common sense limitations, the point is you could drag the item and position easily, not the posibility to put anywhere without any constraint :).
2: About your interest in feedback, let me tellyou we were really impressed with the business logic jdeveloper has, but we were extremely sad after looking at the limitations in design we did several posts, and we were not talking about magical new features, else a similar facility like macromedia dreamweaver has (I think you did a big improvement and maybe you are better in some features than macromedia is now on JDeevloper 11g).
Briefly is the posibility to give a really good design to a page using jsf adf components, we have high standard on your application display.
To start the development on JDeveloper adf jsf (we are not planning to use swing) our wish is the posibility to:
1: Easily position items (without going to code), using a table for example, as it's usually done, I think this is solved with the drag and drop of items.
2. To easily position the prompt of all items (list items, text items, etc.), in relation to their items (like oracle developer has)
3. Your css style sheets are very limited, because jdeveloper don't accept all the css properties, if jdeveloper could interpret all them please.
4. The posibility to apply by item a css class, this idea comes from Oracle Developer, where you create several classes, and when you click the right button on a item, you see all the classes for that type of object, for example a button or a text item, and then you select the class and it apply to the item.
5. The posibility to easily give a different format to every row, if possible visualy, why? because we get our reports from function tables, there is a column saying the format of the row, for example title, detail, total, etc. We did it on php.
6. The ability to use properties of colspan and rowspan in an adf database tables, for data display.
7. The posibility to give relative and absolute positioning in all your components using dips or layers.
8. We understand is not possible to did it all visually, and there will be the need to modify the code from time to time, but don't loose the correct visual position representation of that.
Thank you :) -
Hello,
I'm trying to center my website and the only way i though i could do this was to put all my components into some sort of table or something, and since JSC does not support colspans and rowspans, i had to make do with nested Grid Panels. Boy, was i in for a heck of a time.
After a few hours of fudging i finally got the layout i wanted, in Design Mode that is. When i deployed it to the App Server 8 and viewed it in IE, the final result was not rendered the same as what i had in design mode. For instance, i had a nested grid panel which contained a button and an empty grid panel. The empty grid panel was basically used to offset the button in a certain direction for better placement (if there is a better way, pls tell me!). Anyway when deployed, this was not rendered properly such that the empty grid panel was not included - the button was centered in the parent grid panel rather than offset to the right (the way i wanted it).
Another thing which didn't work were some of my image components. Some loaded their images correctly and some others did not - they were blank and had a red cross in the corner.
Is there a known issue with nested grid panels? I had quite a few levels of nests so maybe the browsers did not like this? Thanks a lot.
Mitch_J.Let me try to clarify what you're seeing here.
The grid panel component is really intended as a -container- component. In particular, at runtime, if the grid panel has zero components as children, it will take up -zero- space. It might render an empty <table> tag, or it might render nothing - I can't remember what's in the component renderer logic. But the end result is the same: You shouldn't use an empty grid panel component as a "spacing" component.
Why does it work in the designer then, you're asking?
That's deliberate designtime behavior to make it easier to work with the component. Let's say you want to drop a grid panel compoent, and then put a button or two in it. First you drop the grid panel. Uh oh - if the designer renders it the same way as it will be at runtime, the grid panel will have size 0,0 (or maybe even be invisible) and you (a) don't see it, and (b) can't drop on it in the designer. (As a workaround, you -can- drop on it in the Outline, but still, this is not what users expect at designtime).,
So, the component designtime renderer will enforce a minium size on the component for the specific case that the component is empty or invisible, forcing a small border on the component, such that it's easily visible and easily a drop target.
If you want a spacing component, try a Static Text for example, with some space characters in it.
-- Tor
http://blogs.sun.com/tor -
Need Help Reslicing Photoshop Site Layout to Update Dreamweaver Template
I created a website in adobe photoshop cs3 and sliced it up
to created an html file with sliced images. My main navigation menu
is made up of graphics.
I brought it into dreamweaver and created editable regions,
created rollovers etc. Then I created a dreamweaver template from
that to create the rest of the web pages for my site.
The client has come back to me and wants to add more menu
options to the site. This is where I'm stuck! When I use photoshop
to make more menu slices, it renumbers them. How do I export the
new slices with the new layout so I can use them to update my
dreamweaver template. How can I get those new slices/html layout to
the dreamweaver template without losing all the work I have done on
my current dreamweaver template?
issuenite> Why does photohshop even provided a slicing feature if
it does not provide
> good code?
The slicing is not the problem. It's the export as HTML that
is the
problem. And you'd have to ask Adobe that question if you
want an answer.
We are all just volunteer peers here.
> What is better about Fireworks? I have the program but
have never used
> it.
FW HTML is no better.
http://www.adobe.com/devnet/fireworks/articles/why_fireworks.html
At any rate, read this -
http://apptools.com/rants/spans.php
- and then look
at your code and count colspan, and rowspan attributes.
Unfortunately, the
only way to avoid this mess is to learn enough HTML/CSS that
you can build
your own tables in DW, and do it in such a way that you don't
rely on
merging and splitting cells (which is what generates those
colspan and
rowspan attributes).
Again, unfortunately, you are REALLY stuck in a bad
situation. Since you
have a) used a completely graphic menu button array, and b)
used a graphic
background behind the menu buttons, and c) chosen to embed
that graphic
background in each sliced button, you cannot add new buttons
without
remaking the entire menu. You will only make that mistake
once. I never
start building menus until I have an approved site plan in
hand. By the
way, that's a nice looking layout.
I don't see any clear path to salvation here. Since you are
absolutely tied
to PS for exporting the HTML and slices, you will have to
recreate
everything, I believe.
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
==================
"issuenite" <[email protected]> wrote in
message
news:[email protected]...
> >That's a very bad start. This HTML is *not* suitable
for production use.
>
> Why does photohshop even provided a slicing feature if
it does not provide
> good code?
>
>
> > If you used FW to create the graphics, and DW to
build the page and
> > write
> > the HTML, you wouldn't be having this problem.
However, if you post a
> > link
> > to the page, we will likely be able to help you.
>
>
> What is better about Fireworks? I have the program but
have never used
> it.
>
> The site is in its infancy at www.kevinkipfer.com
>
> thanks
> issuenite
> -
Using table in h:dataTable
I'm trying to use <table> tags inside an h:column tag in an attempt to control formating with colspan and rowspan attributes like this:
<h:dataTable var="data" value="#{upConference.conferences}" columnClasses="vert"
rowClasses="evenrow, oddrow">
<h:column>
<table border="1" width="800">
<tr>
<td><h:outputText value="#{data.START_DATE}"/>
<h:outputText value=" - #{data.END_DATE}"/></td>
<td><h:outputText value="#{data.Some_other_field}"/></td>
<td><h:outputText value="#{data.Some_other_field}"/></td>
</tr>
<tr>
<td rowspan="3"></td>
<td rowspan="3">
<h:outputText value="#{data.Some_other_field}"/>
Address1
Address2
city, state, zip
</td>
<td><h:outputText value="#{data.Some_other_field}"/></td>
</tr>
<tr>
<td><h:outputText value="#{data.Some_other_field}"/></td>
</tr>
<tr>
<td>Come see us! NPP Booth Number: </td>
</tr>
</table>
</h:column>
</h:dataTable>
The <h:outputText> field are rending outside the tables so, I'm wondering if this can be accomplished or if it's a pipe dream.
ThanksYou may use verbatim tags to enclose html tags.
<h:dataTable ...>
<h:column>
<f:verbatim>
html codes here ...
</f:verbatim>
<h:outputText ...>
<h:outputText ...>
<h:outputText ...>
<f:verbatim>
more html codes here ...
</f:verbatim>
</h:column>
</h:dataTable>
Hope that helps.
Billy -
How to specify column span for a row in grid panel
In a grid panel with 4 columns, how to set one of the rows to span all 4 columns?
I don't think it's possible with the standard JSF component. There are no hooks to get it to emit a rowspan attribute on the <td> it will render for each cell. There is a hook to get it to add a styleclass, but that won't help with colspans and rowspans.
-- Tor
http://blogs.sun.com/tor
Maybe you are looking for
-
Code for SAVE functionality in FPM_OIF_COMPONENT
Hi Experts, I have enhanced the component DPR_DET_DATA_PROJECT_O. The SAVE functionality for this component exists in FPM_OIF_COMPONENT. I have to raise error message depending on the custom fields added in DPR_DET_DATA_PROJECT_O when I click on 'SA
-
The iTunes app on my ipod 5 gen keeps crashing what could I do so it won't crash anymore?
-
What are the integration points with sd and pm
hi, sap gurus, good morning to all, what are the integration points SD and PLANT MAINTAINCE. REARDS, balaji.t 09990019711
-
dear experts, In Inbound Delivery document transaction screen, I can find the foreign trade / customs > invoice accomp. goods.> invoice number. This field is stored in EIPO table. I cannot find a transaction code for foreign trade that shows invoice
-
Genius crashing iTunes 8 - bad file?
I have a client who cannot activate the Genius feature in iTunes. After going through the sign-up procedure it begins to scan the iTunes database and then crashes at about halfway though the progress bar. The little wheel (chasing arrows) next to 'Ge