Profiles are not auto generated with Web Applications, so you can’t just add them in the web.config and use them directly. (unless …)

The WebSite project do a magic thing : when you add properties to the profile in the web.config file, a class is autogenerated and allow the developer to access these properties. The web application project don’t do that.

You can find some workarounds over the web, here is some

• http://weblogs.asp.net/joewrobel/archive/2008/02/03/web-profile-builder-for-web-application-projects.aspx
• http://leedumond.com/blog/asp-net-profiles-in-web-application-projects/
• http://willmtz.blogspot.com/2011/09/using-aspnet-profile-feature-in-web.html
• http://stackoverflow.com/questions/426609/how-to-assign-profile-values

The “dynamic” keyword help us here.

So, no more chit chat, here is the code snippets for a profile with 3 parameters : LastName, FirstName and GSM

web.config:

<profile enabled="true">
 <providers>
 <clear/>
 <add name="AspNetSqlProfileProvider" type="System.Web.Profile.SqlProfileProvider" connectionStringName="ApplicationServices" applicationName="MyApp"/>
 </providers>
 <properties>
 <add name="FirstName" type="string"/>
 <add name="LastName" type="string"/>
 <add name="GSM" type="string"/>
 </properties>
 </profile>

A “business” class, I called it “ProfilePresenter”, it returns the profile of the logged user and allow modifications:

public class ProfilePresenter
{
 public dynamic GetProfile()
 {
 return HttpContext.Current.Profile;
 }
 public dynamic UpdateProfile(string FirstName, string LastName, string GSM)
 {
 HttpContext.Current.Profile.SetPropertyValue("FirstName", FirstName);
 HttpContext.Current.Profile.SetPropertyValue("LastName", LastName);
 HttpContext.Current.Profile.SetPropertyValue("GSM", GSM);
 HttpContext.Current.Profile.Save();
 return HttpContext.Current.Profile;
 }
}

A page that uses the ProfilePresenter class : displaying the profile properties, and edit them

ObjectDataSource:

<asp:ObjectDataSource runat="server" ID="ProfileODS" TypeName="Board.Presenters.ProfilePresenter"
 SelectMethod="GetProfile" UpdateMethod="UpdateProfile"/>
<pre>

FormView: Display part

 <asp:FormView runat="server" ID="ProfileFV" DataSourceID="ProfileODS" RenderOuterTable="false">
 <EmptyDataTemplate>
 <p>
 No profil datas
 </p>
 </EmptyDataTemplate>
 <ItemTemplate>
 <h2>
 Profil informations</h2>
 <div>
 <asp:Button runat="server" ID="Edit" CommandName="Edit" Text="Edit" /></div>
 <table>
 <thead>
 <tr>
 <th colspan="2">
 Infos
 </th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <th>
 LastName
 </th>
 <td>
 <%# Eval("LastName")%>
 </td>
 </tr>
 <tr>
 <th>
 FirstName
 </th>
 <td>
 <%# Eval("FirstName")%>
 </td>
 </tr>
 <tr>
 <th>
 GSM
 </th>
 <td>
 <%# Eval("GSM")%>
 </td>
 </tr>
 </tbody>
 </table>
 </ItemTemplate>

FormView : the Edit part

 <EditItemTemplate>
 <h2>
 Profil Update</h2>
 <div>
 <asp:Button runat="server" ID="Edit" CommandName="Cancel" Text="Annuler" />
 <asp:Button runat="server" ID="Button1" CommandName="Update" Text="Sauver" /></div>
 <table>
 <thead>
 <tr>
 <th colspan="2">
Infos
 </th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <th>
 LastName
 </th>
 <td>
 <asp:TextBox runat="server" ID="LastName" Text='<%# Bind("LastName")%>' />
 </td>
 </tr>
 <tr>
 <th>
 FirstName
 </th>
 <td>
 <asp:TextBox runat="server" ID="FirstName" Text='<%# Bind("FirstName")%>' />
 </td>
 </tr>
 <tr>
 <th>
 GSM
 </th>
 <td>
 <asp:TextBox runat="server" ID="GSM" Text='<%# Bind("GSM")%>' />
 </td>
 </tr>
 </tbody>
 </table>
 </EditItemTemplate>
 </asp:FormView>

A simple use :

dynamic profil = HttpContext.Current.Profile;
if (profil != null)
{
 Console.Writeline(profil.GSM);
}

Another example : retrieve the gsm numbers from  members of a security role. It shows how to retrieve the profile of an other user

string[] users = Roles.GetUsersInRole(role);

List<string> gsm = new List<string>();
foreach (string user in users)
{
 dynamic profil = HttpContext.Current.Profile;
 dynamic profi = profil.GetProfile(user);
 if (profi != null)
 {
 if (!string.IsNullOrEmpty(profi.GSM))
 {
 gsm.Add(profi.GSM);
 }
 }
}

Let me know what you think ! ]]> http://www.sambeauvois.be/blog/2012/01/dynamic-is-magic-a-solution-to-use-the-asp-net-profile-in-web-applications/feed/ 0 http://www.sambeauvois.be/blog/2011/03/html5-cheatsheet/ http://www.sambeauvois.be/blog/2011/03/html5-cheatsheet/#comments Mon, 21 Mar 2011 11:13:38 +0000 admin http://www.sambeauvois.be/blog/?p=881 Ultimate HTML5 Cheatsheat by Tech King

Ultimate HTML5 Cheatsheat by Tech King

CSS mixer is really cool.  Good job.  Is there a JavaScript mixer?

It’s the main content of a mail I received last week.

It decided me to write a JS Mixer application, based on CSS Mixer.
The big part of the work was already done, I just needed to adapt my code.

Just like CSS Mixer, you can download it from codeplex : http://jsmixer.codeplex.com/

You can also download it from some software websites.

Remark :

With ASP.NET WebForms, you can achieve the same result by setting a few propertie to the ScriptManager control.

But the advantage to use a tool like JSMixer, is that your server doesn’t have to do the work : it’s already done !

And when you spare some work to your server, your server is happy !

And here is a presentation of HTML5 made in 2009 by Brad Neuberg (Google) :

Introduction to HTML 5 from Brad Neuberg on Vimeo.

Here is the Scott Guthrie’s post about it : http://weblogs.asp.net/scottgu/archive/2011/01/13/announcing-release-of-asp-net-mvc-3-iis-express-sql-ce-4-web-farm-framework-orchard-webmatrix.aspx

• ASP.NET MVC 3
• NuGet (codeplex project)
• IIS Express 7.5
• SQL Server Compact Edition 4
• Web Deploy and Web Farm Framework 2.0
• Orchard 1.0
• WebMatrix 1.0

You can install most of these products from the Microsoft Web Platform Installer

I already installed webmatrix :

ASP.NET Web Pages with Razor Syntax is a web framework and part of WebMatrix which gives you everything you need to build Web sites using Windows.

A free  ebook (it’s a draft) and the samples are availables on the Microsoft Download Center.

Here is the table of contents :

Chapter 1 – Getting Started with WebMatrix Beta and ASPNET Web Pages 1

What is WebMatrix Beta? 1
Installing WebMatrix Beta 1
Getting Started with WebMatrix Beta 2
Creating a Web Page 4
Installing Helpers with Package Manager 7
Using ASPNET Web Pages Code 9
Programming ASPNET Razor Pages in Visual Studio 12
Creating and Testing ASPNET Pages Using Your Own Text Editor 13

Chapter 2 – Introduction to ASPNET Web Programming Using the Razor Syntax 15

The Top 8 Programming Tips 15
HTML Encoding 16
HTTP GET and POST Methods and the IsPost Property 21
A Simple Code Example 22
Basic Programming Concepts 24
Classes and Instances 25
Language and Syntax 26
Additional Resources 47

Chapter 3 – Creating a Consistent Look 48

Creating Reusable Blocks of Content 48
Creating a Consistent Look Using Layout Pages 51
Designing Layout Pages That Have Multiple Content Sections 55
Making Content Sections Optional 58
Passing Data to Layout Pages 59
Creating and Using a Basic Helper 65

Chapter 4 – Working with Forms 67

Creating a Simple HTML Form 67
Reading User Input From the Form 68
HTML Encoding for Appearance and Security 70
Validating User Input 71
Restoring Form Values After Postbacks 73
Additional Resources 74

Chapter 5 – Working with Data 75

Introduction to Databases 75
Relational Databases 76
Creating a Database 76
Adding Data to the Database 78
Displaying Data from a Database 79
Structured Query Language (SQL) 81
Inserting Data in a Database 82
Updating Data in a Database 86
Deleting Data in a Database 91
Connecting to a Database 95
Additional Resources 96

Chapter 6: Displaying Data in a Grid 97

The WebGrid Helper 97
Displaying Data Using the WebGrid Helper 97
Specifying and Formatting Columns to Display 99
Styling the Grid as a Whole 102
Paging Through Data 103

Chapter 7 – Displaying Data in a Chart 106

The Chart Helper 106
Chart Elements 107
Creating a Chart from Data 108
“Using” Statements and Fully Qualified Names 114
Displaying Charts Inside a Web Page 115
Styling a Chart 116
Saving a Chart 117
Additional Resources 123

Chapter 8 – Working with Files 124

Creating a Text File and Writing Data to It 124
Appending Data to an Existing File 127
Reading and Displaying Data from a File 128
Displaying Data from a Microsoft Excel Comma-Delimited File 131
Deleting Files 131
Letting Users Upload a File 133
Letting Users Upload Multiple Files 136
Additional Resources 138

Chapter 9 – Working with Images 139

Adding an Image to a Web Page Dynamically 139
Uploading an Image 142
About GUIDs 144
Resizing an Image 144
Rotating and Flipping an Image 147
Adding a Watermark to an Image 148
Using an Image As a Watermark 149

Chapter 10 – Working with Video 152

Choosing a Video Player 152
MIME Types 153
Playing Flash (swf) Videos 153
Playing MediaPlayer (wmv) Videos 156
Playing Silverlight Videos 158
Additional Resources 159

Chapter 11 – Adding Email to Your Website 160

Sending Email Messages from Your Website 160
Sending a File Using Email 164
Additional Resources 166

Chapter 12 – Adding Search to Your Website 167

Searching from Your Website 167
Additional Resources 170

Chapter 13 – Adding Social Networking to Your Web Site 171

Linking Your Website on Social Networking Sites 171
Adding a Twitter Feed 172
Rendering a Gravatar Image 174
Displaying an Xbox Gamer Card 175
Displaying a Facebook “Like” Button 176

Chapter 14 – Analyzing Traffic 179

Tracking Visitor Information (Analytics) 179

Chapter 15 – Caching to Improve the Performance of Your Website 183

Caching to Improve Website Responsiveness 183

Chapter 16 – Adding Security and Membership 186

Introduction to Website Membership 186
Creating a Website That Has Registration and Login Pages 187
Creating a Members-Only Page 191
Creating Security for Groups of Users (Roles) 192
Creating a Password-Change Page 194
Letting Users Generate a New Password 196
Preventing Automated Programs from Joining Your Website 200

Chapter 17 – Introduction to Debugging 203

Using the ServerInfo Helper to Display Server Information 203
Embedding Output Expressions to Display Page Values 205
Using the ObjectInfo Helper to Display Object Values 209
Using Debugging Tools 210
Additional Resources 213

Chapter 18 – Customizing Site-Wide Behavior 214

Adding Website Startup Code 214
Running Code Before and After Files in a Folder 218
Creating More Readable and Searchable URLs 224

Appendix – ASPNET Quick API Reference 227

Classes 227
Data 233
Helpers 234

Appendix – ASPNET Web Pages Visual Basic 241

The Top 8 Programming Tips 241
HTML Encoding 242
A Simple Code Example 248
Visual Basic Language and Syntax 250
Additional Resources 271

Appendix – Programming ASPNET Web Pages in Visual Studio 272

Why Use Visual Studio? 272
Installing the ASPNET Razor Tools 272
Using the ASPNET Razor Tools for Visual Studio 273

Disclaimer 278

Previous versions of the draft are also available.

For the latest informations and more about webmatrix and the Razor syntax, visit http://www.asp.net/webmatrix/

You can use it to improve you ASP.NET Themes or your CSS files for all your web projects.

If you have many css files linked to a page, you can group them in a single file with CSS Mixer.

You can also minify CSS files to save the bandwith.

To use it, open a folder containing CSS files,

choose an action (simple combine, or combine and minify) then click Save as …

Download the last version of CSS Mixer on codeplex.

I hope you’ll find it usefull. please give me feedback on it

Now, I’ll explain you how to do that without javascript, using only CSS.

First, built the web page and a CSS file

<html>
 <head>
 <title>Sam Beauvois | CSS on hover menu</title>
 <link href="demo.css" type="text/css" rel="stylesheet" />
 </head>

 <body>
 <h2>Visible on hover with CSS demo.<h2>
 <h3>Please put you mouse hover the following texts</h3>

 <div>
 Demo 1
 <div>
 <a href="#">action 1</a> | <a href="#">action 2</a> | <a href="#">action 3</a>
 </div>
 </div>

</body>

Then add a class to the container and content divs

</pre>
<div class="hidden_action_container">
Demo 1
<div class="hidden_action">
<a href="#">action 1</a> | <a href="#">action 2</a> | <a href="#">action 3</a>
</div>
</div>
<pre>

And define the classes in the CSS file :

.hidden_action_container .hidden_action
{
 display: none;
}
.hidden_action_container:hover .hidden_action
{
 display:inline;
}

note the class declaration :

.hidden_action_container:hover .hidden_action

Now it’s functionnal,

Add a style to make it nicer :

.hidden_action_container
{
 padding : 15px 15px 15px 15px;
 background-color: #DDDDDD;
 border-style:solid;
 border-color:#EEEEEE;
 height:50px;
}

.hidden_action_container .hidden_action a
{
 color:#999999;
 font-size: 20px;
 font-weight:bolder;
}

.hidden_action_container .hidden_action
{
 display: none;
}
.hidden_action_container:hover .hidden_action
{
 display:inline;
}

You can see the online demo here : http://www.sambeauvois.be/Demos/CSS/VisibleOnHover/demo.html

Here is a quick way to use jQuery library to create a “visible on hover” action menu.

I’ll explain step by step how to do that.

1.) Create an html page with actions in a container

<html>
 <head>
 <title>Sam Beauvois | jQuery usage demo 1</title>
 </head>
 <body>
 <h2>Visible on hover with jQuery demo.<h2>
 <h3>Please put you mouse hover the following texts</h3>
 <div>
 Demo 1
 <div>
 <a href="#">action 1</a> | <a href="#">action 2</a> | <a href="#">action 3</a>
 </div>
 </div>
 </body>
</html>

Result is

simple page

2.) Link the jquery library (here from google code, but you can download the library at jquery.com) and add a css class to the container div and one other to the action div

<head>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" ></script>
</head>

<body>
<div>
 Demo 1
 <div>
 <a href="#">action 1</a> | <a href="#">action 2</a> | <a href="#">action 3</a>
 </div>
 </div>
</body>

3.) Add a function :

<script type="text/javascript">
 $(document).ready(function()
 {
    ShowActionOnOver();
    $(".hidden_action",this).hide(); // hide all
 });

 function ShowActionOnOver()
 {
   $(".hidden_action_container").hover(
       function()
       {
          $(".hidden_action",this).show();
       },
       function()
       {
           $(".hidden_action",this).hide();
        }
    );
 }

 </script>

Now it’s functionnal, hover the zone to check :

4.) Now, add some css to make it nicer :

.hidden_action_container
{
 padding : 15px 15px 15px 15px;
 background-color: #DDDDDD;
 border-style:solid;
 border-color:#EEEEEE;
 height:50px;
}

.hidden_action a
{
 color:#999999;
 font-size: 20px;
 font-weight:bolder;
}

<head>
 <link href="demo.css" type="text/css" rel="stylesheet" />
</head>

And the final result looks like

You can see the online demo here.