Chandra Oemaryadi has written 244 articles

CSS Position Absolute Full Width

Kondisi awal: container di dalam (overlay warna biru) memiliki position: absolute dan width: 100%. Hasilnya ada sebagian overlay yang keluar dari bidang gambar.   Solusinya: width: 100% dihapus, ditambahkan left: 15px dan right 15px (karena menggunakan bootstrap). [code language=”css”] .widget.services .cover { position: absolute; top: 0px; left: 15px; right: 15px; height: 0; padding-bottom: 100%; transition:…

ASP Upload File AJAX using Kendo

File Upload menggunakan setting di Web.config dan MyGlobalMessage.resx. HTML code: [code language=”html”] <input name="files" id="kendo-upload" type="file" /> @Html.HiddenFor(model => model.FilePath) <img id="uploaded-image" src="@(Model.Photo != null ? Url.Content(Model.Photo) : "")" class="img-responsive" alt="" /> [/code] Tambahan di view cshtml [code language=”csharp”] @{ //… string fileTypeErrMsg = HttpContext.GetGlobalResourceObject("MyGlobalMessage", "FileUploadImageTypeError").ToString(); string template = HttpContext.GetGlobalResourceObject("MyGlobalMessage", "FileUploadSizeError").ToString(); string fileSizeErrMsg = string.Format(template,…

jQuery Notification When User Want to Leave Changed Form

Fungsi ini berguna untuk memberikan notifikasi kepada user, ketika user sudah mengubah form namun belum menyimpan perubahan tersebut. Penanganannya seperti di wordpress. [code language=”javascript”] var formChange = false; $("form").each(function () { $(this).find("input, select, textarea").change(function () { formChange = true; }); }); $(window).on("beforeunload", function () { if (formChange) { return "Perubahan data belum tersimpan."; } });…

ASP MVC Customize Error Message Language

Tambahkan baris berikut di fungsi Application_Start() pada Global.asax [code language=”csharp”] ClientDataTypeModelValidatorProvider.ResourceClassKey = "MyGlobalErrors"; DefaultModelBinder.ResourceClassKey = "MyGlobalErrors"; [/code] Buat MyGlobalErrors.resx di dalam folder App_GlobalResources, tambahkan nilai berikut: FieldMustBeDate The field {0} must be a date. FieldMustBeNumeric The field {0} must be a number. PropertyValueInvalid The value ‘{0}’ is not valid for {1}. PropertyValueRequired A value is…

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]

ASP.NET Required Asterisk using jQuery

[code language=”javascript”] $(‘input[type=text], textarea, select’).each(function () { var req = $(this).attr(‘data-val-required’); if (undefined != req) { var label = $(‘label[for="’ + $(this).attr(‘id’) + ‘"]’); var text = label.text(); if (text.length > 0) { label.append(‘<span style="color:red"> *</span>’); } } }); [/code]