How do I display an image from master in a slave?

I see a picture in list (master), but not in slave (form). Same name, same syntax. I’m new, what I did not understand?

I tried this:

		webix.ui({
        view:"layout",
	      rows: [
          {       
     				id:"views",
      			cells:[
          	{
            	id:"listView",  
			        view:"datatable",
			        autoConfig:true,
							columns:[
								{ id:"bild",  header:"Bild", template:"<img src=server/imgs/artikel/#bild_dateiname#>",  height: 64, width:48, css:"noPadding"},
								{ id:"artnr",	header:"Artikel" , width:200},
								{ id:"bez1",	header:"Bezeichnung 1" , width:200},
								{ id:"bez2",	header:"Bezeichnung 2", width:400 },
								{ id:"lager_name",	header:"Lager", width:400 } ,
								{ id:"bild_dateiname",	header:"test", width:400 }	
							],
			        url: $url
							}
            },
            {
              view:"form",
              id:"formView",
              scroll:false,
              elements:[
	             		{ view:"text",
	             			id:"bild_dateiname",
              			template:"<img src=server/imgs/artikel/#bild_dateiname#>"
              		 },
                  { view:"text", label:"Artnr",  name:"artnr", labelWidth: 120},
                  { view:"text", label: "Bezeichnung 1", name:"bez1" , placeholder:"<keine Daten>", labelWidth: 120},
                  { view:"text", label: "Bezeichnung 2", name:"bez2",  placeholder:"<keine Daten>", labelWidth: 120},
                  { view:"text", label: "Hauptlager", name:"lager_name",  labelWidth: 120},
                  { view:"text", label: "Bestand gesamt", name:"bestand_gesamt",  labelWidth: 120},
                  { view:"text", label: "<b>Menge</b>", name:"",  placeholder:"<ermittelte Menge eingeben>", labelWidth: 120},
                
                  { margin:5, cols:[
                      { view:"button", value:"zurück" , click:"cancel()" },
                      { view:"button", value:"Bestand korrigieren (Neuer Bestand)", type:"form", click:"bestand_korrektur()" },
                      { view:"button", type:"iconButton", icon:"envelope", label:"Bestand erhöhen. (Bestand+Menge)" , click:"bestand_mehr()" },
                      { view:"button", value:"Bestand reduzieren (Bestand-Menge)", type:"form", click:"bestand_weniger()" }
                  ]},
                {}]
            },
            {id:"aboutView", template:"<i>Select an item in List to edit it in Form</i>",padding:5}
        		]
          }]
			});
			
			// binds Form with List:
    	$$('formView').bind($$('listView'));

Image is from “listView” but in

template: … img src=server/imgs/artikel/#bild_dateiname# …

bild_dateiname is “undefined”.

Many thanks for any helping hand!

Volker

First of all, text input hasn’t template property (as well as any button or input don’t).

The only ui.label can handle the images, but it requires a full html-notation as a value:

  view:"label",
  label:"<img src='/imagePath' style='height:35px'>"

But you can create a label-based custom component with the predefined html tag. Check the snippet:

http://webix.com/snippet/444091c5

For custom components, setValue/getValue methods are required for interaction with ui.form through its setValues()/getValues().

Whow. Thank you! You have made my day.