jensbits.com » Work

CreateUserWizard Set Email as Username VB.NET 3.5

jen — Fri, 05 Mar 2010 14:00:57 +0000

Commonly, a login username is the individual’s email address. If you have used the CreateUserWizard in ASP.NET 3.5, you know that the username field and the email field are separate fields. Username is required by the wizard and email is not. If you want to populate the email field in the database with the username field, it is not obvious on the surface how to do it. Fortunately, it’s just some minor mods to the web.config and the aspx page.

web.config

In the web.config file, you will add requiresUniqueEmail=”false” to the membership provders add entry. Below is a stripped down example.

aspx page

On the aspx page itself, you will add RequireEmail=”false” so the email textbox is not mandatory and a call to a function in the OnCreatedUser event to the CreateUserWizard. Also, some validation is added to the username field to ensure that it is in a valid email format.

The function fires right after the user is created and updates the email field with the username.

Protected Sub CreateUserWizard1_CreatedUser(ByVal sender As Object, ByVal e As EventArgs)
        Dim userNameTextBox As TextBox = CType(CreateUserWizardStep1.ContentTemplateContainer.FindControl("UserName"), TextBox)
        Dim user As MembershipUser = Membership.GetUser(userNameTextBox.Text)

        user.Email = user.UserName
        Membership.UpdateUser(user)
    End Sub

No related posts.

Passed the ColdFusion 8 Certification Exam

jen — Tue, 05 Jan 2010 19:10:40 +0000

Passed the ColdFusion 8 Certification Exam today. Scored a 95 and could not have done it without CF8 Exam Buster.

I have heard all the debate on whether or not to take the CF exam and I think most arguments against taking it are rubbish.

The real benefit of taking any exam is the fact that you get exposed to parts of the language that you never knew existed. Just studying for the exam helped me find tags, attributes, and functions I wouldn’t even have thought to look for. And, if you are a freelancer, it can only help to have this credential.

So, if you can pony up the $150 for the test and the $40 for Exam Buster, there is no reason why you shouldn’t take the exam. Just go through the Exam Buster tests until you consistently score in the 90′s and you are a lock to pass.

No related posts.

Modal Confirmation Dialog on Form Submit: Javascript, jQuery UI, and Thickbox Varieties

jen — Mon, 10 Aug 2009 13:15:15 +0000

jQuery files updated June 23, 2010

If you liked this post, you might also like the jQuery.ajax and jQuery.post Form Submit Examples with PHP post.

I wanted to make a nice modal dialog box that would confirm submission of a form. And, specifically, it had to ask if their e-mail address was correct that they listed on the form. Typos, particularly transposed letters, cause a number of undeliverable e-mails. Making matters worse, sometimes by the time they get to the ‘Submit’ button, the all important e-mail field is no longer in view. Yes, despite the web developer’s best efforts, people still manage to type in their own e-mail incorrectly. I’ve done it. We’re all human.

I already knew about the javascript 1.0 method of ‘return confirm’ but I wanted more control over the look and feel. As an added requirement, I wanted to use Thickbox since I already had that loaded into the app. I don’t like throwing in a bunch of js files for every little nuance. If I can use what I already have, it makes the app much leaner.

So, I Googled it. I only found partial solutions. I wanted to go all the way and have the modal box pop up whether the user hit ‘Submit’ or whether they hit enter on the keyboard in as many browsers as possible (hint: IE). Maybe I didn’t look hard enough, but I ended up creating the solution on my own.

Here are three examples (including a complete demo) of a form submission confirmation dialog. One each for just javascript, the jQuery UI dialog box, and Thickbox.

Javascript 1.0

For pure javascript it’s painfully straightforward:

>

Javacript Return Confirm
E-mail:

And you get something that looks like this:

Low overhead, not too much strain on the brain but pretty plain vanilla. And boring. Let’s do something a little fancier.

jQuery UI

The jQuery UI library is awesome. Loads of flexibility and customization available and they hand you everything you need. For this solution we have to load in an additional stylesheet (you can download a custom ready-made css), the jQuery base js, and the jQuery UI js. The jQuery UI site allows you to customize its js file to include only the parts you will use.

The form is untouched for this approach, but we do have to add some js to the document itself and an additional div element that will hold the contents of our modal box.

Here the we set some parameters for the dialog box including what the buttons should say and do. Then a little jQuery is added so that the e-mail is displayed in the box and the box opens on submit allowing the user to hit the ‘Submit’ button or the enter key.

        $(function(){
                // jQuery UI Dialog    

                $('#dialog').dialog({
                    autoOpen: false,
                    width: 400,
                    modal: true,
                    resizable: false,
                    buttons: {
                        "Submit Form": function() {
                            document.testconfirmJQ.submit();
                        },
                        "Cancel": function() {
                            $(this).dialog("close");
                        }
                    }
                });

                $('form#testconfirmJQ').submit(function(){
                    $("p#dialog-email").html($("input#emailJQ").val());
                    $('#dialog').dialog('open');
                    return false;
                });
        });

The form is pretty clean and the div containing the text for the dialog box can be placed anywhere on the page.




jQuery UI Modal Submit
E-mail:






 You entered your e-mail address as:

If this is correct, click Submit Form.
To edit, click Cancel.

Using this method you get a much prettier result:

Thickbox method

The ever helpful and massively adaptable Thickbox was easily coded to do this as well. Thickbox also requires its own stylesheet and js along with the base jQuery file. Many apps have this already loaded since Thickbox is so wildly popular.

As with the jQuery UI method, we add some js to the document to put in the e-mail from the form, open the Thickbox, and instruct the buttons on what actions to take when clicked.

        $(function(){
                //Thickbox

                $('form#testconfirmTB').submit(function(){
                    $("p#TB-email").html($("input#emailTB").val());
                    tb_show('Verify Form Thickbox Style','TB_inline?height=155&width=300&inlineId=TBcontent');
                    return false;
                });

                $('input#TBcancel').click(function(){
                    tb_remove();
                });

                $('input#TBsubmit').click(function(){
                    document.testconfirmTB.submit();
                });
        });

The form is also clean for this method and a div is added for the Thickbox content.



Thickbox Modal Submit
E-mail:







You entered your e-mail address as:

If this is correct, click Submit Form.
To edit, click Cancel.

The Thickbox, generically styled (the default styling actually), looks like this:

Three flavors for confirming on form submission. Enjoy.

Using ColdFusion to Generate Multiple Word Documents (Batch Creation)

jen — Wed, 08 Jul 2009 14:34:40 +0000

UPDATE: Now includes line returns. The example’s form has been modified with additional fields so adding line returns to the Word doc could be shown. The zip has all the new files.

As a continuation (and request from Simon) to the Using ColdFusion to Generate a Custom Word Document post, here is an example of creating multiple Word documents in a batch-like manner.

Create the Word template as an RTF (.rtf) document with placeholders in the same manner as the previous post. Collect the data or have it spit out from a database.

Here’s where the code changes for multiple file generation. The number of files to be created is looped over, a dynamic name is generated for the new file, the output of the Replace functions is written to the new file, and the file is renamed with a .doc extension.

Also, a cfloop was added for the studentname fields so a line return (\par) could be appended on.





    		

                
                	
                

            

                
                
                    
                 
                
                    
                

                
                
                
                
                

            

            
            

            
                
                    
            
                
                    
             

             

         
         Passes Generated

This should get you pointed in the right direction for creating multiple Word documents. And, again, there is a choice of ColdFusion 8 or an earlier version just to show the new, simpler functions available in CF8.

Demo

Download Files (zip)

If this post helped you out, please consider donating to help pay the hosting fees. 100% of the donations go to the web host.

Using ColdFusion to Generate a Custom Word Document

Latest mag obsession “Practical Web Design” aka “.net”

jen — Wed, 29 Oct 2008 22:18:34 +0000

I have to hand to the Brits; they are into web design and standardization like nobody’s business. Web design and development is a moving target. I have been to the expensive conferences and events. Loads of great and inspiring info. Problem is you need something that you can refer back to and use as a resource. And, something that is here and now, tangible, tactile, and moving as fast as web evolution itself. I’m talking mags.

I got my hands on a copy of the UK produced and published “Practical Web Design” (known as “.net” in Great Britain) magazine at Borders and have read every word twice. It’s like carrying around the enthusiasm and electricity of a conference in my pocket(book). This is what web designers need. A constant flow of practical and applicable information. It keeps you motivated and relevant. It doesn’t hurt that I have met many of the contributors and advisory panels members at the aforementioned conferences. They are picking the top and, IMHO, the most credible talent to fill the pages.

Now for the bad news. It’s expensive here in the US (over $130/yr) at the current exchange rate. I’ll keeping picking it up a copy at a time to spread out the pain, but I love it anyway.

No related posts.

jensbits.com » Work

CreateUserWizard Set Email as Username VB.NET 3.5

web.config

aspx page

Passed the ColdFusion 8 Certification Exam

Modal Confirmation Dialog on Form Submit: Javascript, jQuery UI, and Thickbox Varieties

Javascript 1.0

jQuery UI

Thickbox method

Recommended:

Using ColdFusion to Generate Multiple Word Documents (Batch Creation)

Latest mag obsession “Practical Web Design” aka “.net”