The 1000 steps program to MDriven Chapter 8

This is chapter 8 of the training material - if you want to start from the top: The_1000_steps_program_to_MDriven - the 7:th chapter is here

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

Next chapter The_1000_steps_program_to_MDriven_Chapter_9

This page was edited 56 days ago on 02/02/2024. What links here