By default it seems you can only have cardinality displayed on the left and right sides of the Relationship shape.
With that kind of behaviour it makes it a bit confusing to understand which is which when I put the entities on the top and bottom of the relationship.
You need to go to the Relationship properties, set rotate to yes. Then you can specify left and right cardinality and it will automatically appear in the top and bottom. Rotating the relationship does the trick.
Related
I have a table where top and right borders are not required. So I made them border-top:none;border-right: none;. But as per my requirement, I will keep adding multiple tables one inside other. In that case, this top and right borders are keep adding up the size. Is there a way, where I can remove that space also ?
I have a List that contains a Table. The List is sized sufficiently that the table should be able to fit 10ish rows, which is more data than should ever come out in that table so that should be fine.
My problem is that as rows are generated in the Table, it causes the List to resize as if it needed to grow to accomodate the rows. I thought that the ConsumeContainerWhiteSpace property was intended to prevent this behaviour however that setting does not make a difference.
Here's an example (cropped to avoid some data appearing); as you can see the left hand List, which is the only one in which the Table contains some data, has expanded vertically even though there is plenty of room for the table within the list.
How do I prevent this?
Put your list in a second rectangle. Setup the rectangle to show its border. That way you have a border with a constant size from the rectangle.
Create a rectangle
Setup rectangle border to appear
Create a list that populates based on your data
Drag and drop the list into the rectangle
Note that I did notice that the rectangle will grow in size if the list has enough elements to expand beyond the rectangle border. This shouldn't be an issue in your case, but it could impact someone else.
I have a pretty straight forward table, date ranges cross the x-axis and titles down the y-axis. My table its self has lots of columns, so many so that I need to scroll to the right in order to see all of the data.
I would like to, if possible have my first column which has all of the row titles always display on the screen as I scroll across the page. If possible, I have no idea how to even approach this... Can anyone point me in the right direction?
You could separate your table into two separate tables (the first column as the first table, and the rest as the second). Then, you can either place the first table in a div with position set to fixed at left:0 and top:0, or just set the second div (which contains your second table) to have overflow:auto.
Also, remember to move the second div to the right, otherwise they will be on top of each other!
Hope that helps!
I am working on the interface for a small web module and am having some problems with the CSS. Right now I have the container DIV and then tables to layout the sub-sections. I am floating 3 of the tables left and 3 tables right, which until now has worked great.
I recently added a feature that allows for additional fields to be added by the user as needed and as the height of a table in the right column grows, it breaks the layout. Is there a better way to do this so that the layout won't break?
After adding "clear:left" and "clear:right" to each table, it appears as follows...
After moving the 3 left floated tables to the top of the code and removing the "float:right/clear:right" from the other 3, it works well except for this.
For each float left, add clear:left, for each float right, add clear: right.
It'd depend on the order of each floated container though. Another option would be to try keeping one set of floats from one column (i.e. the float lefts or float rights) and remove the float property from the others in the other column so they wrap to the side of the floated boxes.
EDIT: a working example: http://cssdesk.com/Xan5j
It would be better to show a live example of this, but the easiest way to handle this—if this is an option—is to wrap each column in its own div.
This has always bugged the hell out of me. Why are lists like this? If you set margin and padding to 0, you would expect it to align normally at the left where the text around it would be, but no. That's where the text within the list item tags begins, then it renders the bullets and/or numbers to the left of that, overlapping borders etc. Why have they not fixed this yet? Who in their right mind decided that to be the behavior for lists? You can't even specify an accurate padding or margin for the left to keep the numbers aligned with the normal text because it does not automatically move right when the number count reaches a higher level (e.g. 9 -> 10, it's now 2 digits and takes up more space at the left).
Anyways, a question: Is there any simple way (not using JavaScript, etc) to fix this issue, preferably in CSS? I'd like to make the numbers at the left still aligned to the right but still have the entire list aligned to the left with the text.
lists http://img338.imageshack.us/img338/8957/lists.jpg
I know you can achieve this using tables, but that's not really an ordered list, now is it?
Edit: Notice how the list-style-position property makes the tenth element push the text right, making it uneven. I want to move the dark blue box above right so that the left edge of the dark blue is aligned with the text around it, but I can't simply set a padding value because the amount it needs to move over changes depending on the number of items.
list-style-position http://img707.imageshack.us/img707/9277/liststyleposition.jpg
To get that effect use: list-style-position:inside;
http://www.w3schools.com/Css/pr_list-style-position.asp
Another (little old) article on the possibilities with lists: http://www.alistapart.com/articles/taminglists/
As the other poster mentioned, the default position is outside.
Styling lists is very hard to deal with cross-browser due to the inconsistency and bugs. I would recommend using either JS or a server-side script to generate a span element containing the number and style it accordingly ( using a loop and whatnot ).
Pretty sure it's impossible to style cross-browser taking IE's horrible list rendering bugs into account.