How to align three items in single row in oracle apex - oracle-apex-5.1

I'm having problem with items alignment in universal theme 42.
Please look into the picture below,
All of the shown page-items are having label column span = 1.
Please help me to solve this problem.

The grid is based on 12 columns. You have to use the grid as Bootstrap principle.
https://getbootstrap.com/docs/4.5/layout/grid/
It means that you can't overcome 12 columns for each row.
In the image that you uploaded in this post I would use 4 columns each item or less depends of the size.
Let me know if you have more questions.

Related

BIRT Report Designer - Table to Produce Rows in Multi Columns

I have a table, which is listing the name of benefits and it is only 1 column (just name of the benefit).
I'm wondering if there is any native function of BIRT Report Designer to produce rows not only vertically but also populate horizontally to 3-4 columns.
Something like below:
Benefits List
Benefit-1 Benefit-3 Benefit-5
Benefit-2 Benefit-4 Benefit-6
Thanks in advance for any advice.
Ok, I found a solution!
Under the following link there is a Eclipse Community Page Link recommendation about an additional computed column. Even though I don't have any computed column, the recommendation gave me an inspiration. Instead of creating an additional column, I used the rownum that is used generally to bind dataset parameter. For the table row, I created "visibility" condition that checks if the rownum + 1 is divided by 3. Depending on what is the result, it will be hidden or viewed:
Main Grid
It includes a grid with 2 rows and 3 columns. 1 row is merged to view the header. In each column of second row, the same table is placed with the same dataset.
Image Showing Main Structure
Select Table Row
Image Indicating Row Selection
Set the Visibility
Image Showing Details of Visibility Condition
The syntax basically means: "Do not show the row if the division result is not 1".
For the second column, you will need to compare with 2: (row.__rownum + 1) % 3 != 2 and the third column with 0: (row.__rownum + 1) % 3 != 0
Hope it'll be helpful for someone.
An more straightforward approach ist to use a List item instead of a Table item.
In the detail area of the List, create a Grid item of fixed width and height.
Put the content (e.g.) text into the grid's cells.
Important: Set the "display" property of the grid to "inline" instead of the default "block".
This way BIRT will put the grids from left to right until the line is full.
Then it will fill the next line (think of "display: inline" like adding words to a paragraph).

jQGrid With Multiple Row Data

I have a requirement to display a single jqgrid into several lines (2 or 3). The user does not want to use the grid horizontal scroll bar and would like to see several data at once.
Anybody with an idea how to do this?
If I understand your question correctly you want to wrap rows in the grid because the grid have large number or rows. It's not possible because jqGrid are base on HTML <table> and the row (<tr>) of table can't be wrapped.
If you have grid with columns which text is long you can consider wrapping inside of cells of grid. See the answer, this one, this one and the answer too.

iText Table with n columns page-break

I am new to iText and am trying to figure something out and ANY help would be greatly appreciated.
I would like to generate a table that has n columns that should they not fit on one page, then have the remaining columns continue on the second page and so on.
Is there any way to do this with iText?
Thanks,
Kirk
When you create a table, you ALWAYS know the width of the table, be it because you've defined the absolute width(s of the columns) yourself, or because you know the available width on the page in combination with the width percentage of the table.
Now it's up to you to distribute the columns over different pages. You can do this with the writeSelectedRows() method as shown in this example from my book.
Of course: it's more difficult than that simple example, as you'll also want to make sure the rows fit the height of the page, but that's another question.

How to show tool tip for row in data table in prime faces?

How can i display a ToolTip (Title) for one row in data table
I'm using prime faces 3.4.2
Please give me a solution.
Look at this example. You can specify p:row element and add tooltip for it.

How to insert title for Rows of Cross Tab in Birt Tool

i am very new to Birt Tool,
my Question is,
I Did Row spaning in Cross tab by using different rows, now i want to insert heading for each row,
Could anyone help me
The reason this never got an answer is that Eclipse has not yet provided this long-awaited and much requested feature: https://bugs.eclipse.org/bugs/show_bug.cgi?id=261995
Several work-arounds though. If you've found something that works well, let us all know.
one workaround which i use is add a grid on top of the rows with same number of columns as in the crosstab and 1 row .
Now you can add labels in the grid for static headers
If you want dynamic headers you can choose the data from the pellete

Resources