Halaman

WARNING!!
Please do not post links crack / patch in your comment

Monday, October 24, 2011

NavBarControl In DevExpress

NavBarControl merupakan control untuk membuat tampilan menu agak berbeda, langsung saja kita mulai dengan membuat New Project, kemudian dalam form1 tambahkan NavBarControl. seperti tampak berikut :


Taruhlah  NavBarControl, sehingga akan terbentuk NavBarControl1 

NavBarControl1
klik kanan NavBarGroup1 kemudian tambahkan --> add group, maka akan terbentuk NavBarGroup2
klik kanan NavBarGroup1 kemudian tanbahkan --> add item , sebanyak 2 kali
Pada Properties NavBarControl1
Dock = Left
PaintStyleKind = Default
PaintStyleName = NavigationPane

Tambahkan lagi NavBarControl ke dalam form, sehingga akan terbentuk NavBarControl2

NavBarControl2
klik kanan NavBarGroup1 kemudian tambahkan --> add group, maka akan terbentuk NavBarGroup4
Pada Properties NavBarControl2
Dock = Right
PaintStyleKind = NavigationPane
PaintStyleName = Skin:Black

Jalankan Project anda dengan menekan tombol F5, maka hasilnya akan seperti ini


anda bisa lebih berkreasi dengan NavBarControl ini, semoga membantu...


Salam

11 comments:

  1. Gimana agar ketika kita klik NavBarItem formnya ditampilkan di bagian tengah form1

    Makasih........

    ReplyDelete
  2. kalau maksud anda adalah showdialog maka anda bisa set form tersebut dengan StartPosition = CenterParent
    ada di properties form tersebut(bukan form1 ya...)

    ReplyDelete
  3. Maksudnya pertanyaannya mungkin lebih kepada formnya muncul secara langsung di tengah2 aplikasi contoh tanpa loading form baru. Seperti contoh aplikasi di atas, ada ruang kosong di tengah, nah saat item d bar di klik, form akan di load tepat di ruang kosong tersebut, tanpa harus membuka form baru terlebih dahulu

    ReplyDelete
  4. coba lihat artikel ini:
    http://udinsofyan.blogspot.com/2011/10/xtratabbedmdimanager-devexpress.html

    ReplyDelete
  5. mas udin, itu kan menggunakan MDI ya? kalo saya mau buat seperti ini (http://www.gensol.com.au/hr_screenshots.aspx), itu kan menggunakan navbar control, cuma untuk menu di tengahnya itu gimana ya mas?

    ReplyDelete
    Replies
    1. halo mas ricky,
      jika tidak ingin menggunakan MDI, anda bisa pakai Panel dan usercontrol..
      nanti tingal masukkan control ke dalam panel tersebut

      Delete
    2. atau jika masih pakai XtraTabbedMdiManager1, pada propertiesnya "MDIParent" isi dengan "NONE" atau dihilangkan

      Delete
  6. mas Udin, kl mw masukin gambar ke link di navbar gmn ya?
    saya udah coba tapi gambarnya gede banget, gmn cara menyesuaikan gambarnya biar pas di navbar kayak contoh (http://www.gensol.com.au/hr_screenshots.aspx)?

    ReplyDelete
    Replies
    1. Mss Tian...
      langkahnya seperti berikut :
      1. tambahkan ImageList bawaan Visual Studio ke Form
      2. Isikan ImageList dengan Gambar yg yg di tampilkan
      3. Setting di Properties ImageList ImageSize = 32,32 dan ColorDept = 32bit
      4. Select pada NavBarControl (pastikan benar ya...)
      5. pada properties NavBarControl setting sbb:
      1. LargeImage = ImageList
      2. SmallImage= ImageList (barangkali nantinya perlu)
      3. PaintStyleKind = NavigationPnae
      4. PaintStyleName = NavigationPane

      6. jika ada beberapa NavBarGroup, pilih salah satu dulu, nanti settingnya samain
      Pada Properties NavBarGroup ini isikan pada GroupStyle = LargeIconText
      7. masih pada NavBarGroup yang sama pilih salah satu NavBarItem, pada propertienya isikan LargeImageIndeh = 0 (atau sesuikan dengan kebutuhan, karena disitu tinggal milih saja mau gambar yang mana)

      begitu untuk seterusnya......

      Delete
    2. oh gitu ya mas, thanks ya :)
      kapan lgi ni bikin tutorial mas?
      bsa req ga?
      bkin tutorial gmn cara masukkin gambar ke database n dipanggil ke gridcontrol mas.

      Delete
  7. mas udin boleh donk sharing cara make Panel dan usercontrol untuk dipanggil pake navbarcontrol, jadi kayak demo yang dikasih devexpres nya ya

    ReplyDelete

Note: Only a member of this blog may post a comment.

Search This Blog