Advertisements

Implement a file chooser in windows form

I wanted to create a form element that looks like this.

File Chooser Demo

The solution was such that when users click "Browse", a open file dialog will show up to allow them to choose a file for my program to process. In this post, I shall discuss how I had implemented this solution.

Elements on the windows form

The classes needed for this solution are as follows:

Except for OpenFileDialog, all of the above components will have their visuals on the windows form:

File Chooser Demo Designer View

Implementing the logic to show the file dialog when users click "Browse"

Double-click on the "Browse" button in the Designer to generate a function and associate it with the Button.Click event. In the generated code, include the codes to show the OpenFileDialog:

// Event handler for browseButton
private void browseButton_Click(object sender, EventArgs e)
{
    // Show the dialog that allows user to select a file, the 
    // call will result a value from the DialogResult enum
    // when the dialog is dismissed.
    DialogResult result = this.openFileDialog.ShowDialog();
    // if a file is selected
    if (result == DialogResult.OK)
    {
        // Set the selected file URL to the textbox
        this.fileURLTextBox.Text = this.openFileDialog.FileName;
    }
}

With that, we are able to get the file URL that users have selected from the text box. Alternatively, if we are just going to process a file, we could have just call our backend code from within the if statement. However, for my case, I will want to get more user input before I process the file, that was why I had set the file URL to the text box. This will allow my program to get the file URL of the selected file when users had submitted more input.

Other configurations

Set the TextBox as readonly

Similar to a file upload html element, I will only allow my users to see which file that they have selected. By setting the ReadOnly property of the TextBox instance to true, users can click on the file URL text to verify their selection but not able to change the contents with their keyboards.

Set the file filter for the OpenFileDialog

By default, the OpenFileDialog allows users to select any files that they want. However, in my application, I only want them to select .txt files. By setting the Filter property of the OpenFileDialog instance, I can configure the OpenFileDialog to only display the type of files I want my users to select. The easiest way is to do so in the designer:

Udemy offer

Advertisements

About Clivant

Clivant a.k.a Chai Heng enjoys composing software and building systems to serve people. He owns techcoil.com and hopes that whatever he had written and built so far had benefited people.

2 Comments

  • August 19, 2011 at 8:35 pm

    Your point is valuable for me. Thanks!

    • clivant
      August 19, 2011 at 11:15 pm

      Glad it helped! You are welcomed. 🙂

Udemy deals
Advertisements