Editing Template:School class

<div style="margin: 0 0 20px 50px;">
<div style= "border: 1px solid #ccc; margin-bottom: 10px; padding: 0 30px 30px; background: #d7eef4ff; ">
==== Class ====
* '''Name:''' {{{name}}}
* '''Teacher:''' {{{class teacher}}}
* '''No. of pupils:''' {{{number of pupils}}}
</div>

<div style="margin: 10px 0 10px 50px;">
{{#visualdataform: School class
|title = Add Class
|action = create
|edit-page =
|return-page = Schools 
|view = popup
|popup-size = larger
|css-class =
|pagename-formula = <name>
|edit-freetext = false
|edit-categories = false
|edit-content-model = false
|edit-target-slot = false
|target-slot = main
|default-categories =
|default-content-model = json
|preload = 
|preload-data = 
|layout-align = top
|popup-help = true 
|submit-button-text =
|layout =
|submit-button-text =
|validate-button-text =
}}
</div>

{{#visualdataquery:
|?name
|?class teacher
|?number of pupils
|schema = School class
|format=template
|template=School
}}

</div>