Konular

Behaviors Drap Ap Elements Basic Ve Advanced Menüleri

Ap element sürükleme

Behaviors - Drag AP element
ilk  olarak Layout kısımında Draw AP div ile sayfamıza bir ap div çizeriz.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Ap divin üzerinde sağ tıklayarak css styles > new diyerek bir stil ekleriz.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Define in kısmından yeni bir stil sayfası yerine bu dokumanı(this document only)yi seçeriz.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Background kısmından ap divimize bir background resmi ekleriz.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Ekledikten sonra ap divimizin görünüşü.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

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.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

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.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Sayfada ap elementin ilk bulunduğu yerden istediğimiz yere sürükleme yapabiliriz.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Movement - Constrained
Belirttiğimiz değerlerle kısıtladığımız alanda sürükleme yapabiliriz.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

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.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Drop Target
Nesnemizi bir hedefe bırakmamıza yarar.
Behaviors Drap AP Elements Basic ve Advanced Menüleri

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.
Behaviors Drap Ap Elements Basic Ve Advanced Menüleri

Yorumunuzu Ekleyin

Results Paneli
Resimleri Eklemek
Yükleniyor...