Kendo DropDownList Filterable di dalam Bootstrap Modal tidak mau terbuka (auto collapsed) di IE

Kendo memang ajaib. Kadang bug nya juga ajaib. Ternyata, kalau syarat-syarat ini dipenuhi: Versi Kendo UI v2017.2.621 Kendo DropDownList filterable Diletakkan di dalam Bootstrap Modal Dibuka di Internet Explorer versi 11 Waktu DropDownList diklik, dropdown terbuka tapi langsung tertutup kembali, sehingga tidak bisa dipilih maupun difilter. Penyebabnya, karena kendo salah fokus. Saat mau fokus ke…

Bootstrap Dropdown Menu on Right Side

Bootstrap dropdown menu pada bagian kanan halaman akan mengakibatkan tampilan seperti ini: Solusi menambahkan kelas pull-right pada dropdown menu [code language=”html”] <li class=""> <a data-toggle="dropdown" href="javascript:"><span class="glyphicon glyphicon-cog"></span></a> <ul class="dropdown-menu pull-right" role="menu"> <li class="#"><a href="#">Ubah Password</a></li> <li class="#">@Html.ActionLink("Logout", "Logout", "Account")</li> </ul> </li> [/code]

ASP Bootstrap Tooltip Based on Model Annotation

Model: [code language=”csharp”] [Required] [DisplayName("Nama")] public string Name { get; set; } [/code] Javascript: [code language=”javascript”] $("input[type=text]").tooltip({ trigger: "focus", title: function () { var title = ""; var titleArray = []; if ($(this).attr("data-val-required") != null) titleArray[titleArray.length] = $(this).attr("data-val-required"); if ($(this).attr("data-val-number") != null) titleArray[titleArray.length] = $(this).attr("data-val-number"); title = titleArray.join(" "); return title; }, }); [/code]

Bootstrap CSS Fixed Width

[code lang=”css”] /* 1. non-responsive */ .container { width: 1170px !important; } .container .navbar-header, .container .navbar-collapse { margin-right: 0; margin-left: 0; } /* Always float the navbar header */ .navbar-header { float: left; } /* Undo the collapsing navbar */ .navbar-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-brand…