Related Item control and 1st column width in IE
Not sure how your code would have worked for any browser, I tested it in Chrome and it didn't work. If you are using server-side related items control, use this code:
In case you are using client-side render mode, use this code:
Code: Select all
.ms-viewheadertr th:nth-child(2) td:first-child {
width: 200px;
}
Code: Select all
.ms-viewheadertr th:first-child {
width: 200px;
}
- Nikita Kurguzov
- Posts: 889
- Joined: Mon Jul 03, 2017
Dear Oz,
Try to use :nth-child(number) selector instead - https://www.w3schools.com/cssref/sel_nth-child.asp
Try to use :nth-child(number) selector instead - https://www.w3schools.com/cssref/sel_nth-child.asp
Cheers
- Nikita Kurguzov
- Posts: 889
- Joined: Mon Jul 03, 2017
Dear Oz,
Works for me, maybe the difference is just not noticeable? Try to play around with higher Width and different numbers, for example:
Works for me, maybe the difference is just not noticeable? Try to play around with higher Width and different numbers, for example:
Code: Select all
.ms-viewheadertr th:nth-child(5) {
width: 350px;
}
Code: Select all
.ms-viewheadertr th:nth-child(6) {
width: 350px;
}
Code: Select all
.ms-viewheadertr th:nth-child(7) {
width: 350px;
}
Cheers
Thanks for the quick reply Nikita.
The column that I am trying to make smaller is a person field (Assigned to) - maybe that is an issue?
I can make it bigger but I can't make it smaller.
I only want it to be approx 100px so it only shows the first letters in the person name. If I put it to 50px, it still shows the full width and full name :/
I tried: .ms-viewheadertr th:nth-child(6) {width:50px !important;} > but that doesn't work either.
If you have any suggestions I appreciate it.
The column that I am trying to make smaller is a person field (Assigned to) - maybe that is an issue?
I can make it bigger but I can't make it smaller.
I only want it to be approx 100px so it only shows the first letters in the person name. If I put it to 50px, it still shows the full width and full name :/
I tried: .ms-viewheadertr th:nth-child(6) {width:50px !important;} > but that doesn't work either.
If you have any suggestions I appreciate it.
-
- Information
-
Who is online
Users browsing this forum: No registered users and 26 guests