Behaviors Drap Ap Elements Basic Ve Advanced Menüleri

Behaviors - Drag AP element
ilk  olarak Layout kısımında Draw AP div ile sayfamıza bir ap div çizeriz.


Ap divin üzerinde sağ tıklayarak css styles > new diyerek bir stil ekleriz.


Define in kısmından yeni bir stil sayfası yerine bu dokumanı(this document only)yi seçeriz.


Background kısmından ap divimize bir background resmi ekleriz.


Ekledikten sonra ap divimizin görünüşü.


Sonra sayfamızda beyaz kısma tıklarız ve sagdaki tag kısmından behaviors bolumunden + tuşuna basarak drag ap elementi seçeriz.


Ap elementten ap divimizi seçeriz başka divimiz yoksa zaten kendi seçili olacaktır.
Movement - Unconstrained
Kısıtlama olmadan sürükleme yapmamamıza yarar.


Sayfada ap elementin ilk bulunduğu yerden istediğimiz yere sürükleme yapabiliriz.


Movement - Constrained
Belirttiğimiz değerlerle kısıtladığımız alanda sürükleme yapabiliriz.


Nesnemizi ilk bulunduğumuzdan yerden sürükleme başlarız.Sürükleme verdiğimiz down ve right değerlerine kadar olacaktır.Daha ilerisine nesnemizi sürükleyemeyiz.


Drop Target
Nesnemizi bir hedefe bırakmamıza yarar.


Nesnemizi sürükleme yaparız ve verdiğimiz snap if within "100" pixels drop target değerine göre 100 pixelslik bi alanda nesnemizi bıraktığımızda verdiğimiz left ve top değerlerine bırakacaktır.