Friday, November 25, 2016
Belajar ASP NET 3 Tutorial Membuat MainMenu Via MasterPage VB NET
Belajar ASP NET 3 Tutorial Membuat MainMenu Via MasterPage VB NET
Melanjutkan dari postingan sebelumnya, setelah LOGIN success maka akan masuk ke halaman utama (Main Menu). Di ASP.NET terdapat fitur Master Page, Master Page ini bisa kita gunakan sebagai template untuk halama page yang lain. Ibaratnya kita membuat satu "Gambar Header", dimana si satu gambar header tersebut bisa kita gunakan di form manapun yang kita inginkan. Cara memebuat masterpage adalah :
Add New Item-> Visual Basic ->Web -> Master Page
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2j-hzaeTvzHl5mBT_GMicGJYvnlKAVewjMY1XOcaY4e6WoV-O-IOmVrg_1v0pLNpCzjENxuo_9Gw9UxzRr4p0MC_k39lH4sMQJGvdc8q75367ARL65lFnVEpLtha_vzRR8a7T_fsiUk/s1600/djiesoft_belajar_asp02_1.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivACkdJP_dFH3YILAGnTPIuhn-jyjWBE9svwY8AccENp7NbVk7M73M3-YpMD_3QsRicNZUJNgXQoisk5seuIqs6Ifttuw8pChWvpq4gSq_LmRJ2-EXxI7qO6Ww4S2UloVRXiueHM45ocA/s1600/djiesoft_belajar_asp02_2.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLkTHhK17wcPWPWxHcLWMwqTdvvP9ECP4Lu787BeuCzAHxxl_FIB3xCt_CV36ukDNOUcG-kv41FOAxSMeToT29X5E5SyLfOMLikE6r4XB88v8QPfvJf30GiD6Qpd0qVAeWlwCEMMXlDjI/s1600/djiesoft_belajar_asp02_3.jpg)
Contohnya saya telah membuat menu : file, master dan help
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76jpAO-6_DqbGqp3HWjEq8uhm_VF5k3xI2PLnCvCN0QH8hp9UoRrrVJCTGVvD6zPj0zOXwoqOyv0CwrSAG5jj0S-HcugbN2fW1WefPGmydWlc3IGzJaql9GeTJx7nSlDwI7n_jDFrYzg/s1600/djiesoft_belajar_asp02_4.jpg)
PENTING ! dalam membuat master page pastikan kita memiliki minimal 1 "content Place Holder" kosong. Menu yang kita buat tidak dalam content place holder tersebut. Lihat gambar dibawah ini.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_u0W0djPrmfXJGNi-9aqlEuK9sX7mUw9YuxRme31Kw4mBA93HVaoV_KRQuxYtBKHCPwB7uJoPdGqwmWsWIDDTyPHk3aS2h5jTqQXErq6VKe_nng44XDUb17rkupNlK8Ke4Von2OwAMY/s1600/djiesoft_belajar_asp02_6.jpg)
Untuk mengaplikasi (menggunakan) si master page yang sudah kita buat tadi ke sebuah form/page baru, maka kita harus add new item->visual basic->web->"web form using master page".
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiSXZw2eb8mnkH6t6PlIEszWdvWTHo0XldtPcn-vfjnLN5QyEPyiG8Y4VFAQswVaH_ARlgMNzMm8UiBsjyF8A8uwJWhvDPk7kUlHxAHIhHb_LS3nCDyLv9iDdquHy6Md5ys0cUI7GFDsA/s1600/djiesoft_belajar_asp02_5.jpg)
Setelah itu akan muncul dialog pilihan master page mana yang akan kita gunakan
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5jnxXSWAGm_NRUBXA0v7g3GWN8LTz8FRItVGpmj7-jzA6zP_tFCmW-k241o7ff0abq5j37N6ZfGJR-GDrn_p-pcGluZCIQWeTom73Ti3dkhor6AsBpyvbIEdpflL3wBWhCymixUVRpw/s1600/djiesoft_belajar_asp02_7.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7RC1Rs8vBz1nT2h1w6U3R4r9ov0_SRxYlVevvGgdboGYP4FyeSrk0GyM5gsGn9Z3R2jOhM68oFzwFg0tHmamyVzz7IyZOmcb7R1g6hcXTUpm9NtW_Oex0_jPi8aPTWs-81UQTNICVCho/s1600/djiesoft_belajar_asp02_8.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRc5wnXWY8eO8JMMzXYkdvva2Uh3naZ2MT4pDxGHTS3bdSy3SnwgNwFJFaeK_oC2aVmAS0RUXozUih3_Q1aG8BNANtxY1FLMcacdJYRziLWOSteVEEvZ5qKo-U3S9NVsD6DD2Z0km7a8/s1600/djiesoft_belajar_asp02_9.jpg)
Download Full Source Project
Next Posting : Cara membuat form master & detail gridview
Tags:
cara buat main menu form asp.net, validasi user dan password aspnet, cara membuat koneksi ke database asp.net, connection string asp.net, how to connect database asp.net, creating menu in asp, menu vertical or horizontal aspnet, contoh menu di aspnet
Available link for download