programming Archives - MalaysiaSky

Angularjs Dropdown Autocomplete not render

tuanshah — Sat, 14 Mar 2020 14:46:52 +0000

For AngularJS, we are using md autocomplete to generate and render our dropdown. The height of dropdown determine automatically during our first load. But if the data is change when we re-select other option(like data change when using ajax). Sometimes it might be not render completely and you will get height=0

This kind of bug is hunting during our debugging and finally we got solution for this. Way to fix it is we need to tell browser to regenerate that page, or update the size of that dropdown.

Just put this one line of code where action needed.

angular.element(window).triggerHandler('resize');

Good Luck. Hopefully this snippet to render autocomplete dropdown in angularjs will help.

For more angularjs complete documentation, please find here

Here some post related might be you interested

The post Angularjs Dropdown Autocomplete not render appeared first on MalaysiaSky.

C# Login Form with Active Directory AD

tuanshah — Thu, 22 Dec 2016 04:13:01 +0000

This tutorial will cover how to make login form with Microsoft Active Directory (AD) in simple step with CSharp (C#). As this is common and usual practice for most system nowadays, maybe its will helping you a bit. Its very simple and straight forward to use Active Directory with login form with .net C#

Microsoft Active Directory Logo

First, we need this System.DirectoryServices in our code. This is compulsory to make us connect with AD. Call the library System.DirectoryServices

using System.DirectoryServices;

In submit form code, we send username and password to Active Directory AD function to retrieve and pair user credential either valid or not

[HttpPost] public ActionResult Login(LoginModel login, string returnUrl) { string uname = HttpUtility.HtmlEncode( login.UserName); login.Password = HttpUtility.HtmlEncode(login.Password); try { string flag = GetActiveDirectoryData(uname, login.Password); if (flag != null) { //code }else{ //code } } catch (Exception ex) { ViewBag.errorMsg = ex.Message; return View(); } } }

This are important part, our Active Directory (AD) service are call from here. Make sure path to LDAP are correct or forever non working. If not sure can contact your sysadmin or awesome server guy for correct path

private static string GetActiveDirectoryData(string UserID, string Password) { try { DirectoryEntry DEntry = new DirectoryEntry("LDAP://path.com", UserID.Trim(), Password); DirectorySearcher DSearch = new DirectorySearcher(DEntry); DSearch.Filter = string.Format("(sAMAccountName={0})", UserID.Trim()); SearchResult SResult = DSearch.FindOne(); DirectoryEntry _DEntry = new DirectoryEntry(); try { _DEntry.Path = SResult.Path; } catch (Exception ex) { _DEntry.Close(); _DEntry.Dispose(); throw new Exception(ex); } _DEntry.AuthenticationType = AuthenticationTypes.Secure; _DEntry.Username = string.Format("Domain\\{0}", UserID.Trim()); _DEntry.Password = Password; string ErrorMsg = ""; string Result = ""; try { Result = _DEntry.Username.Replace("Domain\\", ""); } catch (Exception ex) { ErrorMsg = ex.Message; } _DEntry.Close(); _DEntry.Dispose(); DEntry.Close(); if (!string.IsNullOrEmpty(ErrorMsg)) { throw new Exception(ErrorMsg); } else { return Result; }

}
catch (Exception ex)
{
throw new Exception(“Username/Password entered is incorrect.”);
}
}

Thats it. Thats All. Happy coding and i hope this snippet can give you rough idea how to connect your login form with Active Directory (AD) with login form or whatever you want to integrate.

Here also few related post that you maybe want to check

The post C# Login Form with Active Directory AD appeared first on MalaysiaSky.

IIS Windows Globalization Permission Denied

tuanshah — Thu, 08 Sep 2016 07:13:37 +0000

If you facing issue like this, Access to the path ‘C:\Windows\Globalization\xx.nlp’ is denied, there are few to check. No worried, most probably is not your code but more to iis and security permission related. This post will cover less or more regarding IIS windows globalization permission denied

Check security for iis_usr. Probably less permission allowed.

Right Click on App Folder > Select Properties
Go to Security Tab
Click Edit > click Add.
Click Location
Select your pc name, usually first item.
Press Ok, then press advance and then Find Now.
Select IIS_ISURS /Authenticated Users.
Click OK
Assign full control for new user
Click OK

Re-install asp.net regiis -i

Open command prompt (cmd)
Type: cd C:\Windows\Microsoft.NET\Framework\v4.0.30319
Type: aspnet_regiis -i
Wait till installation done

Check iis setup

Click start > Control Panel > Programs > Turn Windows Feature On And Off > Internet Information Services
Thick as per below image

thick these checkbox

thick these checkbox cont..

thick these checkbox cont……

Still Having Problem?

Open IIS > Application Pools > Your Pool Name > Advance Setting

In General , Change Enable 32-Bit Application to True

Set Identity in Process Model to LocalSystem

Hopefully, this post regarding issue with IIS windows globalization permission denied will help to solve the problem

The post IIS Windows Globalization Permission Denied appeared first on MalaysiaSky.

Sitefinity Create New Field with Module Builder

tuanshah — Sat, 03 Sep 2016 15:01:20 +0000

Issue

When i create new field using module builder with Sitefinity CMS, the sync server become restart when sync data is triggered.

What I do

Method 1

Create field in publishing server using module builder
Create another field in sync server using the same step and naming

Method 2

Copy all config from publishing and deploy at sync server, issue still happened when try to sync data.

Its time to ask and get help from Telerik Expert

They come out using these method to fix the issue.

Delete new field in sync server
Export new field setting and config at publishing server. Its to make sure all id created in publishing server are same when import into sync server
Import back the configuration to sync server
No more restart occur when sync triggered.

What really happened

Error was triggered because when sync happened, it read both new field in publishing and sync server which are happend different id. Thats why its read as new data method when sync. I hope this post regarding creating new field with sitefinity cms module builder will help someone who facing same problem with me.

sitefinity cms img from official progress site

There also few programming post that might interested you here

The post Sitefinity Create New Field with Module Builder appeared first on MalaysiaSky.

Security Programming in .Net

tuanshah — Mon, 09 May 2016 07:43:39 +0000

security image taken from zend.com

These are few tips how to add security programming in .net app on code level.

Asp.net Version Disclosure

Set Cookie to HttpOnly

Set Custom Error

Custom Error Disabled

Leaving Tracing Enabled in Web-Based Applications

Disabled Debugging

Disabled Cookieless Session States

Input Validation : A set of controls that verify the properties of all input data matches what is expected by the application including types, lengths, ranges, acceptable character sets and does not include known hazardous characters.

If any potentially hazardous characters must be allowed as input, be sure that you implement additional controls like output encoding, secure task specific APIs and accounting for the utilization of that data throughout the application . Examples of common hazardous characters include: < > ” ‘ % ( ) & + \ \’ \”

Output Encoding

Encode all characters unless they are known to be safe for the intended interpreter
Contextually sanitize all output of un-trusted data to queries for SQL, XML, and LDAP
Sanitize all output of un-trusted data to operating system commands

Error Handling and Logging

Do not disclose sensitive information in error responses, including system details, session identifiers or account information
Use error handlers that do not display debugging or stack trace information
Implement generic error messages and use custom error pages

Database Security

Use strongly typed parameterized queries
Utilize input validation and output encoding and be sure to address meta characters. If these fail, do not run the database command
Ensure that variables are strongly typed

HTML Entity Encode: The process of replacing certain ASCII characters with their HTML entity equivalents. For example, encoding would replace the less than character “<” with the HTML equivalent “<“. HTML entities are ‘inert’ in most interpreters, especially browsers, which can mitigate certain client side attacks.

Prevent ClickJacking
More Info:

https://www.owasp.org/index.php/OWASP_Secure_Coding_Practices_-_Quick_Reference_Guide

https://www.owasp.org/index.php/Secure_Coding_Cheat_Sheet

Hopefully these few tips can be apply to improve security in programming especially in .net

Here also few post regarding programming that you might interested

The post Security Programming in .Net appeared first on MalaysiaSky.

Jquery Validation Required Multiple Condition

tuanshah — Sun, 17 Apr 2016 03:57:32 +0000

This is snippet for how to set rules if you have few condition for error message. Example when user select value1, required is true but when user select value2, required is false

Set condition

 phone: {
   required: function (element) {
     if($("selector").val() == 'value') {
     return true;
     }
     else {
     return false;
     }
 },
 minlength: 6
 },

Set error message

 phone: {
  required: "phone number is required",
  minlength: "please key in atleast 6 digit"
 }

Here also few related post that might interested you

The post Jquery Validation Required Multiple Condition appeared first on MalaysiaSky.

Jquery Validation File Upload

tuanshah — Tue, 05 Apr 2016 07:41:32 +0000

Code snippet below are for jquery validation file upload which file is not required, but when file is chosen, we need to check extension and size

jQuery.validator.addMethod("accept", function (value, element, param) 
{
   return value.match(new RegExp("." + param + "$"));
});

  $("input[type=file]").on("blur", function () {
        $("input[type=file]").each(function () {
         if ($(this).val() != '') {
             $(this).rules("add", {
              filesize: "1000000"
              accept: "png|jpe?g|doc|xls|ppt|docx|xlsx|pptx|pdf|tif|gif|bmp",
              required: false,
              messages: {
                    accept: "extension not allowed",
                    filesize: "file is too big"
                            
                        }
                    });
                }
            });
        });

        $("input[type=file]").valid(); //to trigger message automatically

The post Jquery Validation File Upload appeared first on MalaysiaSky.

Read, Write and Append File Amazon AWS S3

tuanshah — Thu, 31 Mar 2016 07:20:01 +0000

Amazon Web Services Logo

The problem are we need to append text and contain in the file directly. As AWS S3 does not support these function yet, not like local System.IO append file, so i came out this solution. Im using these more for logging purpose so thats why i need to read, write and append file in Amazon AWS S3 directly so all my logging keep increase directly in AWS S3 bucket.

First step is read the file, if not exist yet, create the file, create content and save in AWS S3

if file already exist, read the file(not download), get the response, append with new content, and save it back to AWS S3. Which it will replace with the latest.

So, these are snippet how to append file in Amazon S3 Bucket. Hoping will help you and actually is for my future reference.

Create File
To create file, we use PutObjectRequest(). Here code snippet

var client = new AmazonS3Client("accessKeyId", "secretKey", "regionEndpoint");
S3FileInfo s3fileinfo = new Amazon.S3.IO.S3FileInfo(client, bucketName, fileName);

  PutObjectRequest request = new PutObjectRequest();
  request.BucketName ="your-bucket-name";
  request.Key= "your-file-name";
  request.ContentType = "text/plain";
  request.ContentBody = "hello world";
  client.PutObject(request);

Read File
To read file, we use GetObjectRequest. Here code snippet

GetObjectRequest xrequest = new GetObjectRequest
 {
 BucketName = "your-bucket-name",
 Key = "your-file-name"
 };

 GetObjectResponse response = client.GetObject(xrequest);
 Stream responseStream = response.ResponseStream;
 StreamReader reader = new StreamReader(responseStream);
  {
   responseBody = reader.ReadToEnd() + Environment.NewLine ;
   client.PutObject(request);
  }

Write and Append File
To write and append, we read the file, get the response and concat all string include new string. Here code snippet

request.ContentBody = string.Concat(responseBody, "new line of hello world");
client.PutObject(request);

Full Code Snippet

PutObjectRequest request = new PutObjectRequest();

request.BucketName = "your-bucket-name";
request.Key= "your-file-name";
request.ContentType = "text/plain";

var client = new AmazonS3Client("accessKeyId", "secretKey", "regionEndpoint");

S3FileInfo s3fileinfo = new Amazon.S3.IO.S3FileInfo(client, bucketName, fileName);
if (s3fileinfo.Exists) // checking if file exist
 {
 string responseBody = "";
  {
   GetObjectRequest xrequest = new GetObjectRequest
     {
       BucketName = bucketName,
       Key = fileName
     };

    GetObjectResponse response = client.GetObject(xrequest);
    Stream responseStream = response.ResponseStream;
    StreamReader reader = new StreamReader(responseStream);
     {
     responseBody = reader.ReadToEnd() + Environment.NewLine ;

     request.ContentBody = string.Concat(responseBody, "new line of hello world");
     client.PutObject(request); 
     }
  }
 }
 else
 {
 request.ContentBody = "new content";
 client.PutObject(request);
 }

I’m refer these two amazing url and tutorial during my coding for this so i able to coming out with the code. Hopefully this code snippet can help to solve problem in how to read, write or append file in AWS S3 directly

http://docs.ceph.com/

Using Amazon S3 with the AWS.NET API Part 6: S3 in Big Data II

There also some programming post that you might be interested

The post Read, Write and Append File Amazon AWS S3 appeared first on MalaysiaSky.

Moving Pacman in Pure CSS3

tuanshah — Tue, 23 Feb 2016 07:43:30 +0000

Below example are moving pacman created with fully pure in css3 and HTML5.

So far this pacman write with two vendor prefix Mozilla and webkit. So please open with these two browser only. You can add other prefix by yourself.

HTML

CSS

Hopefully this snippet code on how to create moving pacman using pure CSS3 and HTML5 only can help you

Here also few other relate post that might interested you

The post Moving Pacman in Pure CSS3 appeared first on MalaysiaSky.

How to change placeholder color with css

tuanshah — Thu, 07 Jan 2016 08:34:00 +0000

By default, if you put placeholder, the color is grey, but can we change it to our desire color?
yes we can.
Since this is HTML5 attribute , so vendor prefix still required at this time
example.

what we get is like this

So, how we gonna do change placehodler color? how we can change it to our desire color?

here are the CSS

::-webkit-input-placeholder { color: green; } :-moz-placeholder { /* Firefox 18- */ color: green; } ::-moz-placeholder { /* Firefox 19+ */ color: green; } :-ms-input-placeholder { color: green; }

so it will change into something like this

cool right? but wait, another placeholder need different color. yes still can.
first, create the html with ID/Class

CSS:

#input_rare::-webkit-input-placeholder { color: red; } #input_rare:-moz-placeholder { /* Firefox 18- */ color: red; } #input_rare::-moz-placeholder { /* Firefox 19+ */ color: red; } #input_rare:-ms-input-placeholder { color: red; }

the you will get placeholder with this color

and now, we are done. lets see the html and css involved.

`Output:`

The post How to change placeholder color with css appeared first on MalaysiaSky.