use the bootstrap table-success class to higlight rows (#35927)

timdeschryver · web-flow · commit a1002666e69e · 2025-08-13T16:36:39.000-07:00
diff --git a/aspnetcore/data/ef-mvc/intro/samples/cu-final/Views/Instructors/Index.cshtml b/aspnetcore/data/ef-mvc/intro/samples/cu-final/Views/Instructors/Index.cshtml
@@ -26,7 +26,7 @@
             string selectedRow = "";
             if (item.ID == (int?)ViewData["InstructorID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -79,7 +79,7 @@
             string selectedRow = "";
             if (item.CourseID == (int?)ViewData["CourseID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -122,4 +122,4 @@
             </tr>
         }
     </table>
-}
+}
diff --git a/aspnetcore/data/ef-mvc/intro/samples/cu/Views/Instructors/Index.cshtml b/aspnetcore/data/ef-mvc/intro/samples/cu/Views/Instructors/Index.cshtml
@@ -26,7 +26,7 @@
             string selectedRow = "";
             if (item.ID == (int?)ViewData["InstructorID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -79,7 +79,7 @@
             string selectedRow = "";
             if (item.CourseID == (int?)ViewData["CourseID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
diff --git a/aspnetcore/data/ef-mvc/intro/samples/cu/Views/Instructors/Index1.cshtml b/aspnetcore/data/ef-mvc/intro/samples/cu/Views/Instructors/Index1.cshtml
@@ -26,7 +26,7 @@
             string selectedRow = "";
             if (item.ID == (int?)ViewData["InstructorID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -77,7 +77,7 @@
             string selectedRow = "";
             if (item.CourseID == (int?)ViewData["CourseID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
diff --git a/aspnetcore/data/ef-rp/intro/samples/cu/Pages/Instructors/Index.cshtml b/aspnetcore/data/ef-rp/intro/samples/cu/Pages/Instructors/Index.cshtml
@@ -27,7 +27,7 @@
             string selectedRow = "";
             if (item.ID == Model.InstructorID)
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -80,7 +80,7 @@
             string selectedRow = "";
             if (item.CourseID == Model.CourseID)
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -123,4 +123,4 @@
             </tr>
         }
     </table>
-}
+}
diff --git a/aspnetcore/data/ef-rp/intro/samples/cu/Pages/Instructors/IndexRRD.cshtml b/aspnetcore/data/ef-rp/intro/samples/cu/Pages/Instructors/IndexRRD.cshtml
@@ -27,7 +27,7 @@
             string selectedRow = "";
             if (item.ID == Model.InstructorID)
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -80,7 +80,7 @@
             string selectedRow = "";
             if (item.CourseID == Model.CourseID)
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
diff --git a/aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part6-related/Pages/Instructors/Index.cshtml b/aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part6-related/Pages/Instructors/Index.cshtml
@@ -27,7 +27,7 @@
             string selectedRow = "";
             if (item.ID == (int?)ViewData["InstructorID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -80,7 +80,7 @@
             string selectedRow = "";
             if (item.CourseID == (int?)ViewData["CourseID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -123,4 +123,4 @@
             </tr>
         }
     </table>
-}
+}
diff --git a/aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part7/Pages/Instructors/Index.cshtml b/aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part7/Pages/Instructors/Index.cshtml
@@ -27,7 +27,7 @@
             string selectedRow = "";
             if (item.ID == (int?)ViewData["InstructorID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -80,7 +80,7 @@
             string selectedRow = "";
             if (item.CourseID == (int?)ViewData["CourseID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -123,4 +123,4 @@
             </tr>
         }
     </table>
-}
+}
diff --git a/aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part8/Pages/Instructors/Index.cshtml b/aspnetcore/data/ef-rp/intro/samples/cu20snapshots/cu-part8/Pages/Instructors/Index.cshtml
@@ -27,7 +27,7 @@
             string selectedRow = "";
             if (item.ID == (int?)ViewData["InstructorID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -80,7 +80,7 @@
             string selectedRow = "";
             if (item.CourseID == (int?)ViewData["CourseID"])
             {
-                selectedRow = "success";
+                selectedRow = "table-success";
             }
             <tr class="@selectedRow">
                 <td>
@@ -123,4 +123,4 @@
             </tr>
         }
     </table>
-}
+}
diff --git a/aspnetcore/data/ef-rp/read-related-data.md b/aspnetcore/data/ef-rp/read-related-data.md
@@ -803,13 +803,13 @@ The preceding markup makes the following changes:
 
 * Added a **Courses** column that displays courses taught by each instructor. See [Explicit line transition](xref:mvc/views/razor#explicit-line-transition) for more about this razor syntax.
 
-* Added code that dynamically adds `class="success"` to the `tr` element of the selected instructor. This sets a background color for the selected row using a Bootstrap class.
+* Added code that dynamically adds `class="table-success"` to the `tr` element of the selected instructor. This sets a background color for the selected row using a Bootstrap class.
 
   ```html
   string selectedRow = "";
   if (item.CourseID == Model.CourseID)
   {
-      selectedRow = "success";
+      selectedRow = "table-success";
   }
   <tr class="@selectedRow">
   ```

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`string selectedRow = "";`
`27`	`27`	`if (item.ID == (int?)ViewData["InstructorID"])`
`28`	`28`	`{`
`29`		`- selectedRow = "success";`
	`29`	`+ selectedRow = "table-success";`
`30`	`30`	`}`
`31`	`31`	`<tr class="@selectedRow">`
`32`	`32`	`<td>`
`@@ -79,7 +79,7 @@`
`79`	`79`	`string selectedRow = "";`
`80`	`80`	`if (item.CourseID == (int?)ViewData["CourseID"])`
`81`	`81`	`{`
`82`		`- selectedRow = "success";`
	`82`	`+ selectedRow = "table-success";`
`83`	`83`	`}`
`84`	`84`	`<tr class="@selectedRow">`
`85`	`85`	`<td>`
`@@ -122,4 +122,4 @@`
`122`	`122`	`</tr>`
`123`	`123`	`}`
`124`	`124`	`</table>`
`125`		`-}`
	`125`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@`
`27`	`27`	`string selectedRow = "";`
`28`	`28`	`if (item.ID == Model.InstructorID)`
`29`	`29`	`{`
`30`		`- selectedRow = "success";`
	`30`	`+ selectedRow = "table-success";`
`31`	`31`	`}`
`32`	`32`	`<tr class="@selectedRow">`
`33`	`33`	`<td>`
`@@ -80,7 +80,7 @@`
`80`	`80`	`string selectedRow = "";`
`81`	`81`	`if (item.CourseID == Model.CourseID)`
`82`	`82`	`{`
`83`		`- selectedRow = "success";`
	`83`	`+ selectedRow = "table-success";`
`84`	`84`	`}`
`85`	`85`	`<tr class="@selectedRow">`
`86`	`86`	`<td>`
`@@ -123,4 +123,4 @@`
`123`	`123`	`</tr>`
`124`	`124`	`}`
`125`	`125`	`</table>`
`126`		`-}`
	`126`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -803,13 +803,13 @@ The preceding markup makes the following changes:`
`803`	`803`
`804`	`804`	`* Added a Courses column that displays courses taught by each instructor. See [Explicit line transition](xref:mvc/views/razor#explicit-line-transition) for more about this razor syntax.`
`805`	`805`
`806`		-* Added code that dynamically adds `class="success"` to the `tr` element of the selected instructor. This sets a background color for the selected row using a Bootstrap class.
	`806`	+* Added code that dynamically adds `class="table-success"` to the `tr` element of the selected instructor. This sets a background color for the selected row using a Bootstrap class.
`807`	`807`
`808`	`808`	```html
`809`	`809`	`string selectedRow = "";`
`810`	`810`	`if (item.CourseID == Model.CourseID)`
`811`	`811`	`{`
`812`		`- selectedRow = "success";`
	`812`	`+ selectedRow = "table-success";`
`813`	`813`	`}`
`814`	`814`	`<tr class="@selectedRow">`
`815`	`815`	```