fill grid-columns with singularitygs - singularitygs

is it possible to fill columns in a singularity grid? Here is an example:
http://sassmeister.com/gist/a72ff5f55280b77d1211
What I want is that divs 1,2 and 3 are in the first column and 4 in the second, but 4 should not be next to 3 but to 1. So It should look like this:
1 4
2
3
I don't really understand how to do that with clears. Or is it only possible by changing the order of my divs?
All the best,
Jacques

I don't think this is possible unless you wrap the first column and second column in their own divs
http://sassmeister.com/gist/ea985c05d5e9527fa485

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).

How to align three items in single row in oracle apex

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.

How to preserve header rows using a Matrix

How to preserve header rows using a Matrix and I don't mean preserve them at the page level.
What currently happens.
When I click the plus/minus on the row the row data is replaced by the next groups data.
So ..
MyRow-45-60-04
After I click on this row I get this ..
MyRow-SecondRow-15-30-100
As you can see upon opening the main row the data is replaced by "SecondRow" on the same line.
I need this to drop down and show both rows plus all child row. This also needs to work for all rows beneath the parent row.
MyRow-45-60-04
SecondRow-15-30-100
ThidRow-85-74-5
FourthRow-64-39-9
I worked out a solution based on a Microsoft SSRS page.
Right click on the group cell of the row and create a row above, inside the group. This should move the cell and its contents up one row. Do this for each row group by clicking in the box of the row name. You should see a row/column step for each row group.
FirstGroup
Second Group
ThirdGroup
As you can see they are separate on the screen but stepped.
Now grab the expression for SecondGroup and move it one cell backward. This will align it under FirstGroup. Do the same for ThirdGroup.
You now should have something like this
FirstGroup
SecondGroup
ThirdGroup
Looks good but they are now on top of each other. Adjust the padding for each group. It looks pretty good by tens. The default is 2 so just add a 1 to the first one making it 12. Then increment the rest as you see fit.
The next issue is the column total is still stuck on the bottom row due to the fact you created rows above it. Fix this by copying that expression into the cells above it. Do not remove lower expression. You will need one for each row.
Last step is to delete the empty columns to the right of the moved cells. Make sure you do not delete the cells with expressions in them. In this example you would be deleting 2 empty columns
Your table should now look like this.
FirstGroup | <exp> | <totals>
SecondGroup | <exp> | <totals>
ThirdGroup | <exp> | <totals>
This example solves 2 issues at once. It keeps the group level information in tact when expanded and it also give the matrix a clean look.

SQL Server Reporting Services 2005 Column Wrap on a Subreport

Does anyone know how to set a height and width on a subreport so that it forces the subreport to wrap into several columns?
The delimma: I have to show a legend in a limited amount of space in a page header above a tabular report, and I'd like to limit the height of the legend so that it wraps into multiple columns, as needed. For example, the subreport might be pulling from a dataset containing 8 items: 1-red, 2-blue, 3-purple, 4-green, 5-yellow, 6-orange, 7-brown, 8-black. I'd like for the subreport to be formatted into 3 columns/3 rows, showing the first 3 in the first column, the next 3 in the 2nd column, and the last 2 in the last column.
Currently, the subreport is setup to have 3 columns, and the size of the subreport area inside of the master report is set to the exact same size as the subreport, itself. However, when I run either of the two, I'm getting only 1 column, and the height of the subreport is expanding to fit everything into 1 column.
Does anyone know of a work-around for this?
I would structure my query so that there are 4 columns, handling the logic for what colors are in your legend in SQL. That way you can guarantee that you always have at least 4 columns. If you have less than 4 just pass in null or empty values. Then the 4 column table for your subreport would be pretty straight forward.
The only other option I could think is to use a single text box and build your string with carriage returns after every 4th color...but that could be rather messy as well and you would have less control with the formatting (since you're using 2005).
HTH
PS. If you need some help structuring your query I'll be happy to help with that if post some code.

BIRT: Alternating row Color in a table group

Has anybody an idea of how the highlighting condition has to look like, to create alternating rows in groups? I want the every row with an even number of a table group (not of the whole table) to have a different color.
Thanks in advance! :-)
Patrick
P.S.: I'm using BIRT 2.1.3
Add a highlight to the row like this:
row[0] % 2 Equals 0
This works because row is the current row and row[0] is the rownumber. row[1], row[2] etc. are the data values for the current row.
(Source: http://dev.eclipse.org/newslists/news.eclipse.birt/msg03977.html)
For Birt 2.3 reporting
Click on the table from the outline view. The on the properties editor, clikc the Highlight tab. Click Add. You will see three drop downs. Just type row.__rownum % 2 in the first drop down. Select the Equal to from the second and then type 0 in the third. Then you set the background color of the row to whatever color you want most times I use silver.
Hit ok and thats all.
Total.runningCount()%2 Equals 0

Resources