Kontroll szabadkézi rajz (aláírás) beviteléhez.
Két működésmódja van:
1.Modification ReadOnly esetén: megjeleníti az InitValues, DefaultValues-ben megadott SVG képet, nem lehet bele rajzolni.
2.Modification nem ReadOnly esetén: üres mezővel indul, nem veszi figyelembe az InitValues, DefaultValues értékeket, lehet bele rajzolni.
A rajzolás a témától függetlenül mindig fehér háttéren nagyon sötét szürke vonallal történik, az elmentett SVG képbe is így kerül, megjelenítéskor is ilyen lesz. Ezzel biztosítjuk azt, hogy a rajz a témától függetlenül mindig jól látható legyen.
Nem lehet a mezőn kívülre rajzolni. Ha az egér (vagy az ujjunk) a mezőn kívülre kerül, megáll a rajzolás, és akkor folytatódik, amikor újra visszakerülünk a mezőbe. A program az elhagyás és a visszatérés pontjait köti össze.
Ha már rajzoltunk valamit, majd csökkentjük a mező szélességét, akkor a mezőn kívülre kerülő részeket a program kitörli, ezzel biztosítjuk azt, hogy ne legyenek nem látszó rajzrészletek.Ha újra kiszélesítjük a mezőt, a kidobott részek nem jönnek vissza.
Az eredmény egy SVG formátumú kép, amit Base64 kódolással kell átadni, illetve a ResultsXml-be is Base64 kódolással kerül.
Megjelenítéskor a program a képet átméretezi úgy, hogy mindig kiférjen a mezőbe.
Ha nem szeretnénk, hogy a megjelenített kép belekerüljön a ResultsXml-be, akkor használjuk az @Exclude attribútumot.
@Type* = "DrawFreeHand"
•sERPaWeb
A kontroll szélességét a Width határozza meg. Ha nincs megadva, akkor 20 karakter széles lesz.
A kontroll magasságát a LineCount határozza meg. Ha nincs megadva, 6 sor magas lesz.
AlignHorz, ExpandWidth: Csak az AlignHorz="Client" ExpandWidth="1" használható (jelentése: a kontroll az ablak jobb széléig tart).
Csak egyedül lehet egy sorban, azaz a kontrollban és a következő kontrollban nem használható a SameRow, KeepTogether attribútum.
<Control Type="DrawFreeHand" Caption="Aláírás:" FieldName="Signature" Width="800px" Height="250px" />
<Control Type="DrawFreeHand" Caption="Ellenőrzés:" FieldName="Verify" Modification="ReadOnly" Exclude="1" Width="600" Height="200" />