Monthly Archives: November 2016

Generate multi checkbox list in asp.net mvc

Unfortunately, there is no built-in Html helper or Tag Helper which can render multi-checkbox list in asp.net mvc. Following syntax is old school I get it :-). I must have authored a Tag Helper extension. Any ways, this code snippet conveys the point rather in a traditional way

 <span style="color: #008800; font-weight: bold;">public</span> <span style="color: #333399; font-weight: bold;">string</span> <span style="color: #0066bb; font-weight: bold;">GenerateCheckboxInlineHtmlString</span>()
    {
        <span style="color: #333399; font-weight: bold;">var</span> htmlString = <span style="color: #333399; font-weight: bold;">string</span>.Empty;
        <span style="color: #333399; font-weight: bold;">var</span> cities= TempData[<span style="background-color: #fff0f0;">"Cities"</span>] <span style="color: #008800; font-weight: bold;">as</span> <span style="color: #333399; font-weight: bold;">string</span>[];
        <span style="color: #008800; font-weight: bold;">if</span> (roles != <span style="color: #008800; font-weight: bold;">null</span>)
        {
            htmlString = cities.Aggregate(htmlString, (current, city) =&gt; current + (<span style="background-color: #fff0f0;">"&lt;label class='checkbox-inline'&gt;&lt;input id='CityDescription' name='CityDescription' type='checkbox' value="</span> + city+ <span style="background-color: #fff0f0;">"&gt;"</span> + city+ <span style="background-color: #fff0f0;">"&lt;/label&gt;"</span>));
        }
        <span style="color: #008800; font-weight: bold;">return</span> htmlString;
    }

public string GenerateCheckboxInlineHtmlString()

{

var htmlString = string.Empty;

var cities= TempData["Cities"] as string[];

if (roles != null)

{

htmlString = cities.Aggregate(htmlString, (current, city) => current + ("<label class='checkbox-inline'><input id='CityDescription' name='CityDescription' type='checkbox' value=" + city+ ">" + city+ "</label>"));

}

return htmlString;

}

Sample bootstrap user details form embedded with asp.net mvc validation

Simple bootstrap based html form to quickly create form for data input along with field level validation supported by asp.net mvc validation and bootstrap css classes to flag errors. bootstrap forms, asp.net mvc validation

<span style="color: #007700;">&lt;form</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-horizontal"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"addForm"</span><span style="color: #007700;">&gt;</span>
        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"row"</span><span style="color: #007700;">&gt;</span>
            @Html.ValidationSummary(true)
           
                <span style="color: #007700;">&lt;fieldset&gt;</span>
                    <span style="color: #007700;">&lt;table</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"table table-striped table-bordered table-condensed"</span><span style="color: #007700;">&gt;</span>
                        <span style="color: #007700;">&lt;tr&gt;</span>
                            <span style="color: #007700;">&lt;td&gt;</span>
                                @if (ViewData.ModelState.IsValidField("UserName"))
                                {
                                    <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"UserName"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>User Name<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"UserName"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"UserName"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"User Name"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                                else
                                {
                                     <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"UserName"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>User Name<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5 has-error"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"UserName"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"UserName"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"User Name"</span><span style="color: #007700;">&gt;</span>
                                            @Html.ValidationMessageFor(x =&gt; x.UserName)
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                            <span style="color: #007700;">&lt;/td&gt;</span>
                        <span style="color: #007700;">&lt;/tr&gt;</span>
                        <span style="color: #007700;">&lt;tr&gt;</span>
                            <span style="color: #007700;">&lt;td&gt;</span>
                                @if (ViewData.ModelState.IsValidField("FirstName"))
                                {
                                    <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"FirstName"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>First Name<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"FirstName"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"FirstName"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"First Name"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                                else
                                {
                                     <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"FirstName"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>First Name<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                         <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5 has-error"</span><span style="color: #007700;">&gt;</span>
                                             <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"FirstName"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"FirstName"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"First Name"</span><span style="color: #007700;">&gt;</span>
                                             @Html.ValidationMessageFor(x =&gt; x.FirstName)
                                         <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                            <span style="color: #007700;">&lt;/td&gt;</span>
                        <span style="color: #007700;">&lt;/tr&gt;</span>
                        <span style="color: #007700;">&lt;tr&gt;</span>
                            <span style="color: #007700;">&lt;td&gt;</span>
                                @if (ViewData.ModelState.IsValidField("LastName"))
                                {
                                    <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"LastName"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>Last Name<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5 "</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"LastName"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"LastName"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"Last Name"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                                else
                                {
                                    <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"LastName"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>Last Name<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5 has-error"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"LastName"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"LastName"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"Last Name"</span><span style="color: #007700;">&gt;</span>
                                            @Html.ValidationMessageFor(x =&gt; x.LastName)
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                            <span style="color: #007700;">&lt;/td&gt;</span>
                        <span style="color: #007700;">&lt;/tr&gt;</span>
                        <span style="color: #007700;">&lt;tr&gt;</span>
                            <span style="color: #007700;">&lt;td&gt;</span>
                                @if (ViewData.ModelState.IsValidField("Email"))
                                {
                                    <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"Email"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>Email<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"Email"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"Email"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"Email"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                                else
                                {
                                    <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-group"</span><span style="color: #007700;">&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-2"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;label</span> <span style="color: #0000cc;">for=</span><span style="background-color: #fff0f0;">"Email"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"control-label"</span><span style="color: #007700;">&gt;</span>Email<span style="color: #007700;">&lt;/label&gt;</span>
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                        <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-5 has-error"</span><span style="color: #007700;">&gt;</span>
                                            <span style="color: #007700;">&lt;input</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"text"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"form-control"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"Email"</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"Email"</span> <span style="color: #0000cc;">placeholder=</span><span style="background-color: #fff0f0;">"Email"</span><span style="color: #007700;">&gt;</span>
                                            @Html.ValidationMessageFor(x =&gt; x.Email)
                                        <span style="color: #007700;">&lt;/div&gt;</span>
                                    <span style="color: #007700;">&lt;/div&gt;</span>
                                }
                            <span style="color: #007700;">&lt;/td&gt;</span>
                        <span style="color: #007700;">&lt;/tr&gt;</span>
                        <span style="color: #007700;">&lt;tr&gt;</span>
                            <span style="color: #007700;">&lt;td&gt;</span>
                                <span style="color: #007700;">&lt;div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"col-sm-offset-2"</span><span style="color: #007700;">&gt;</span>
                                    <span style="color: #007700;">&lt;button</span> <span style="color: #0000cc;">type=</span><span style="background-color: #fff0f0;">"submit"</span> <span style="color: #0000cc;">id=</span><span style="background-color: #fff0f0;">"addSubmitBtn"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"btn btn-primary"</span><span style="color: #007700;">&gt;</span>Submit<span style="color: #007700;">&lt;/button&gt;</span>
                                <span style="color: #007700;">&lt;/div&gt;</span>
                            <span style="color: #007700;">&lt;/td&gt;</span>
                        <span style="color: #007700;">&lt;/tr&gt;</span>
                    <span style="color: #007700;">&lt;/table&gt;</span>
                <span style="color: #007700;">&lt;/fieldset&gt;</span>
           
        <span style="color: #007700;">&lt;/div&gt;</span>
    <span style="color: #007700;">&lt;/form&gt;</span>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

@Html.ValidationSummary(true)

<tr>

<td>

@if (ViewData.ModelState.IsValidField("UserName"))

{

</div>

</div>

}

else

{

</div>

@Html.ValidationMessageFor(x => x.UserName)

</div>

}

</td>

</tr>

<tr>

<td>

@if (ViewData.ModelState.IsValidField("FirstName"))

{

<label for="FirstName" class="control-label">First Name</label>

</div>

</div>

}

else

{

</div>

@Html.ValidationMessageFor(x => x.FirstName)

</div>

}

</td>

</tr>

<tr>

<td>

@if (ViewData.ModelState.IsValidField("LastName"))

{

</div>

</div>

}

else

{

</div>

@Html.ValidationMessageFor(x => x.LastName)

</div>

}

</td>

</tr>

<tr>

<td>

@if (ViewData.ModelState.IsValidField("Email"))

{

<label for="Email" class="control-label">Email</label>

</div>

</div>

}

else

{

</div>

@Html.ValidationMessageFor(x => x.Email)

</div>

}

</td>

</tr>

<tr>

<td>

<button type="submit" id="addSubmitBtn" class="btn btn-primary">Submit</button>

</div>

</td>

</tr>

</table>

</fieldset>

</div>

</form>

Common ASP.Net Web Virtual and Relative Url helper classes

List of ASP.Net Web/MVC Virtual Paths,Relative and Absolute Paths Utility helper classes Property Input Url Return Value HttpRequest.ApplicationPath http://localhost/testapp/home.aspx /testapp HttpRequest.CurrentExecutionFilePath http://localhost/testapp/home.aspx /testapp/home.aspx HttpRequest.FilePath http://localhost/testapp/home.aspx /testapp/home.aspx HttpRequest.AppRelativeCurrentExecutionFilePath http://localhost/testapp/home.aspx ~/testapp/home.aspx HttpRequest.Path http://localhost/testapp/home.aspx /testapp/home.aspx/PathInfo HttpRequest.PhysicalApplicationPath http://localhost/testapp/home.aspx C:inetpubwwwrootTestApp HttpRequest.RawUrl http://localhost/testapp/home.aspx?user=1 /testapp/home.aspx?user=1 UrlHelper.Content ~/testapp/home.aspx c:inetpubwwwroottestapphome.aspx Property Input Url Return Value HttpContext.Current.Request.Url.Host http://localhost:8080/testapp/home.aspx?user=1&new=2 localhost HttpContext.Current.Request.Url.Authority http://localhost:8080/testapp/home.aspx?user=1&new=2 localhost:8080 HttpContext.Current.Request.Url.AbsolutePath http://localhost:8080/testapp/home.aspx?user=1&new=2 /testapp/home.aspx… Read More »

M	T	W	T	F	S	S
« Oct				Apr »
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30