How to make rows touch in Microsoft Access reports table? - ms-access

When I generate a table using the reports feature in Access, there seems to be a small space between each row in the table. I don't want this space would like to know if there's a way to make the rows touch.
The space is very small but I would like there to be no space at all:

All the below changes are to be done in Design view.
make sure that all controls of the section have the same Height,
then set their Top/Bottom Padding and Margin properties to 0
then their Top to 0, meaning they are at the very top of their section. You won't be able to set the top to 0 if the Padding/Margins are no 0.
Then make sure the Section(?).Height property is the same as the controls Height.
That should do it.
Eventually check the border of the controls (Hairline size).
Most of these operations can be done at once by clicking in the left margin of the report to select all the controls on that line, and changing in the Property Sheet, so it's quick do.

Related

Tablix pushing other elements down

I have a report with a tablix in it. I just need to stay the tablix in a fixed position and shouldn't push down other elements down it. If say there are 4 rows which will be visible in the specified space and if more then it should not be visible and shouldn't push down other elements.
I tried several ways to prevent
Added tablix inside a rectangle(act as a container) so if it grouped it
will not push down other elements (didn't work)
Enable consume white space in report=true (didn't work)
Keep items together property is set to true in rectangle (didn't work)
Is there any other way to not to pushdown elements in the report even if the tablix gives more rows. It should only show the rows in the mentioned size.
Edit : 1 (7/28/2018)
All the three elements below is pushed down if the table has more rows.
Either I have to fit the rows in this table by reducing the size automatically if possible or It should not push down the elements.
Also if the tablix has less row the elements will move up. I just need to keep the elements (Expr) should stay in the same position.
You still didn't post your design but anyway, here is what I think you want.
The basic idea to to set the area you want you table to cover by using a rectangle of the same size. Then we will reduce the row heights within reason as the number of rows in the table increases. As you cannot directly change a row height, we can get round this by setting the row height to be very small and adjusting the font, as long as the can grow option is on the cells will grow to fit the font size, giving the effect of changing the row height.
Basic steps.
Create your report and add a rectangle that is the maximum size you want your table to be. In my example it's 38mm high.
Create a table inside the rectangle. I find this easier to create it outside then cut and paste it inside, simply dragging it over the rectangle will not work.
Position your additional text boxes, under the rectangle as desired. Set 'Consume Container WhiteSpace' on in the report properties.
Next we need to decide what the maximum and minimum font sizes are that acceptable. In this basic example I only use 3 sizes, 10pt, 12pt and 14pt. If you want to use more then you could write an expression to scale the fonts more accurately but you get the idea.
You'll need to determine the maximum number of rows you can fit into the rectangle when the minimum font size is used, in my case it's 5 rows at 10pt font. Your query will need to take this number into account and never return more rows than this.
On the table, the click row selector for the detail row (this basically selects all the cells in the row). Next, change the font size property to an expression. In this simple example I used this.
=SWITCH(
Parameters!topx.Value <3 , "14pt",
Parameters!topx.Value <5 , "12pt",
True, "10pt"
)
Next set the row height, choose any cell on the row and set the height to something small, I used 4mm but it doesn't matter as long as its' smaller then you will ever show.
In my example, for testing I added a 'topx' parameter and filtered the dataset using this, but this is only for testing.
The final design looked like this. I added a background colour to the rectangle so you can see how it remains static until it's filled.
Then running with various rows looks like this
finally, only if I exceed my maximum (5 rows in this case) does the text below move down.
You could include a column (let's call it RowNumber) in your dataset that shows the row number of the data. Then in your Tablix filter, you can set the filter to show only values from that "RowNumber" column that are less than or equal to the number of rows you want to display in the tablix.
You can use the same concept to limit the number of rows returned in your query, but without knowing how you are getting the data, it is not possible to help with that.
If you want your report to be that static, why not take a screenshot of the data and include that as an image in your report?
No serious reporting tool will "ignore" records that you pass to it using a Dataset, so that's the place where you will have to "ignore" all unwanted data yourself. Restrict the data in the Dataset to only 4 rows (maybe using SELECT TOP 4 ...).

SSRS How to match rectangle peer heights to avoid spacing issues in Word exports?

Quick Summary
I have an issue that only occurs when exporting my SSRS report to a Word document (something clients have requested). In short, when rectangle is shorter than its peer, Word inserts a page break even if there is plenty of whitespace left to render the longer column all on one page. I would like to resolve this so that Word takes advantage of the entire page when the peers are of different heights.
Layout
The highest level of the layout consists of three rectangles, as shown below:
The left and right rectangles are of fixed widths, but variable heights.
There is no extra space at the bottom of the Parent Rectangle; it expands based on the contents of the other two.
Each rectangle several other items and uses multiple datasets.
There are rectangles inside the rectangles, which group some of the child objects together.
Some of the controls are textboxes. I don't know the length of the text at design time.
Word Export Result
There is enough empty space above the footer to hold the entire left column, with excess.
If I open the document and manually enter empty lines into the right-hand column to increase its height, items from the left-hand column which have a height equal to or less than those line breaks will float back up to the first page. This is what makes me believe Word is cutting off at the shortest of the two peers.
Things I've Tried
Another thread suggested putting the columns into a table instead of rectangles, to force them to expand together. However, it required that they use the same dataset, which they do not.
Looked for CanGrow or ConsumeContainerWhiteSpace type options that could apply to rectangles, but couldn't find any. ConsumeContainerWhiteSpace is set to true on the report itself but makes no difference.
Attempted to create a function to dynamically set the inner rectangles' height, or the height/padding of a hidden textbox, based on the longer peer. Unfortunately, there doesn't seem to be anything for fetching the height at runtime; the functions I found all rely on knowing static data such as the number of rows (of a fixed height) in the sheet, but each column has several fields of which the height is unknown prior to loading data.
Extended the height of each rectangle to that of a full page by default and tried to find a way to make the elements inside consume this empty space as needed. The space was never consumed, and always pushed down, resulting in an extra page of whitespace.
Question
Is there any way to notify Word to use its available whitespace rather than cutting off at the shortest peer? I've been looking for a long while and keep coming up empty-handed.
Thank you!
How about instead of using a rectangle, you use a List with two columns?
I think the list will do better with pagination than the rectangle. YMMV - Not sure how it exports to WORD.
Put your left rectangle in the first column and the right rectangle in the second column.
Use the same data set and Group on 1 (the number) so there's just one row.
Had the same issue. I managed to make it work by adding a horizontal line that take the whole width of the main rectangle just below the two child rectangles

CSS: How to control what happens when browser shrinks + Floats

I'm testing out some code for a random personal project and I'm looking to place 3 boxes side by side (I believe as divs). But as you'll see they're not really centered (as three)/spaced out so well. I figured assign them unique IDs and increase padding but is there a more efficient way?
Also when the screen shrinks, the third box dips underneath, while the second box is still on the same line I want it so all boxes drop at the same time.
Unfortunately, I need more reputation to post my code in the proper format it seems.
Not 100% sure if I get you correctly.
For "But as you'll see they're not really centered (as three)/spaced out so well. I figured assign them unique IDs and increase padding but is there a more efficient way?", if you wanna make them horizontally centered, you can try this:
wrap them in a container node.
assign a width to this container in its style.
set both margin-left and margin-right of this container to auto
This should then make these 3 boxes (actually the container) horizontally centered.
For "_Also when the screen shrinks, the third box dips underneath, while the second box is still on the same line I want it so all boxes drop at the same time. _", perhaps width: calc(100% / 3) is what you want to put in the styles of these boxes.
In modern web browsers, even if #Slash_D response is correct, you can get a more flexible alignment using flexbox (here you have a complete guide https://css-tricks.com/snippets/css/a-guide-to-flexbox/).
Futhermore, if you want all the containers drop at the same time, you have to deal directly with media query based on resolutions (https://www.w3schools.com/css/css_rwd_mediaqueries.asp) , or use a grid system, like bootstrap, that helps you with media queries based on classess (https://v4-alpha.getbootstrap.com/layout/grid/#how-it-works)
Hope it helps

Formatting Issues in MS Access Report - The Height property does not change with the CanShink and CanGrow property

In an MS Access Report, I have text-boxes with the CanShrink and CanGrow property set to true. A procedure runs when the form is opened, dynamically adding data to these text boxes. I retrieve the Height property from these text-boxes after data is added but it appears that it is retrieving the original height of the text-box (the height that it was created as in design view).
Is there any way around this? I am essentially trying to create a table like structure, where the height of the and number of cells are unknown until run-time. Should tables really be so difficult to make?
Here is a visual of my problem:
Note:
Form msdn: "When a control shrinks, the controls below it move up the page." That hasn't been the case in my project, though when a control grows, the controls below it move down. The main problem is that bottom border of the adjacent cell does not line up when a cell grows.
The size of the Left boxes are preventing the Right boxes from moving up.

A best-practice way to set the height of selects and inputs to be equal

By default selects have smaller heights compared to inputs (text fields). Is there a best-practice way to set the height of selects and inputs with the same font-size equal to each other?
That is good question because it is related to our everyday css writing practice. I would to recommend setting same class for elements that you want to have similar fonts.
As far as height of select box is concerned then if you use height:Xpx css property then it would put padding of about X pixels from bottom therefore your select box would look very odd. So for setting height of select box you should use padding: css property and put equal padding for top and bottom only for e.g padding:3px 0px will put padding of 3px from top and bottom and setting text of select box right in the middle. That would look much better on mac but on windows pc drop down button at far right will look odd because it will not resize for padding property.
Best solution is to combine both tricks i.e set height of select box and put padding from top until it is aligned in the middle.
Another way which is used in most of the advanced sites is using ul for making custom select box and put custom styles. Here is the tutorial http://gerrendesign.com/weblog/2009/06/how_to_make_custom_select_boxe.php