This is chapter 8 of the training material - if you want to start from the top: The_1000_steps_program_to_MDriven
Chapter 8 - the video https://youtu.be/8JM380mEsWA
238 Find the ViewModel Person and Drag it out on Diagram 1 - try to use the placed viewmodel as a fast navigation tool to get to the ViewModel for edit
239 Rename the Diagram1 for DiagramOfPersonAndCar
240 Go to ViewModel Person and Add a Root Placing container - note the errors
241 Move the ViewModelColumns into the placing container to get rid of the errors - save test web
244 Switch the setting of the PlacingContainer from Row to Column - save test web
245 Make sure your grid displaying the HistoricOwnership is at the bottom
246 Set the HistoricOwnership to Grow equals 2 to make it fill the available space
247 Check the Hide-SideBar on the viewModel root level in order to remove the auto maintained actions list to the left
248 Add a new ViewModel column - call it save and give it Expression selfVM.Save
249 Move the save button to the top of the placing container - save test web
250 set the DisableExpression of the save button to selfVM.Dirtylist->isempty, save test web , make changes to name - save change - note enable state of save button
251 Set the Visible expression to selfVM.Dirtylist->notempty, save test web, test change data and save
252 Clear the Visible expression and set the FollowEnable flag of the VisibleExpression to reduce code to maintain. Save and test
253 Add 2 child placing containers to the root placing container
254 Move the HistoricOwnership into the lower one
255 Set the Lower placing container to grow = 2 and Direction=Column
256 set Align Items to stretch on lower placing container
257 Move other columns into the top child placing container
258 Set the top childplacing container to Wrap=true
259 Set Top margins on buttons in the UI to align buttons more width edit boxes in the web UI
260 Give names to your placing containers in order to help you talk about your UI with more precise words
261 On the Grid Nesting HistoricOwnership add a placing container, and a child placing container in that
262 Move in the columns in HistoricOwnership into the child placing container so that they are part of the row
263 Make the root placing container in HistoricOwnership a Direction = column in order to render rows
264 Set root placing container in HistoricOwnership to direction row , and Wrap=true - test what happens as you have multiple rows and make window bigger and smaller in the web