MVC @Helpers, reusable HTML in a view, to place in App_Code? - ASP.NET Discussion Boards

It is possible to some extent. You have to use some decompiler like ilspy.

Hello every body

how r u

i have a project in asp.net. in this project i want to use barcode scanner by using Serial Com port barcode scanner is attached with client PC not with server please tell me

1. what is the better method (WCF services) or other

2. also please provide the link where the method explain (how to code)

I am using Visual Studio 2015 Community Edition to create a new website for my Bowls club. I have replaced Bootstrap with Metro-UI-css because I wanted to use some of the newer function such as the "slide down" capability within a tile. This would allow me to show the results of last week's matches and next weeks scheduled matches within the same tile. There are two tiles side by side which display the ladies' fixtures in one tile and the men's in the other. Below these two tiles, I have inserted a full width set of tiles of various sizes just to bulk up the code. All this code is contained in Index.cshtml, the home page.

So in module _layout.cshtml, I have created a very simple header and footer for every page. This file contains the @renderBody() command between the Header and Footer sections which, of course, displays the actual text for each page and will display the text in Index.cshtml.

WRONG!! When I display the site within IE, the footer line has been placed alongside the two tiles containing the match details, presumably because there was room for it. It should, of course, be under the full width set of tiles.

When I place the cursor on the slide boxes, the text that has been swapped out still shows over the new text. The reason is that Metro-UI has ignored the text settings for the text and is using a font size 4-5 times as large which is encroaching into the display of the new text. It is also set to Bold, which doesn't help.

So, all in all, this first look at Metro-UI-css has been somewhat of a disaster. Where do I go next?

Hi All.
I Have a Parent Gridview like a gara.And child gridview like a car in the garage.I Can expand and collap the parent gridview (Gara) to see the child gridview (the car in side) but some gara doesn't have anycar at all.
How to add an images to show that this gara doesn't have any car instead of expand it to see nothing.

What have you tried, add you code here for reference.

modified 20-Sep-20 21:01pm.

How do i add new json file in vs2012?
when i right click project add new item, there is no template available to add, I want to use some json format data as a external file in my project.

Confused | :confused:

but,it is available in vs2013
New JSON editor features in Visual Studio 2013 Update 2 CTP2 | .NET Web Development and Tools Blog[^]

நெஞ்சு பொறுக்கு திலையே-இந்த
நிலைகெட்ட மனிதரை நினைந்துவிட்டால்

Just add a new text document and then add your json data to it.

There are only 10 types of people in the world, those who understand binary and those who don't.

I thought I'd take an hour and try to make my project more efficient by taking HTML with Razor that is common to many pages and packaging them up. So I have block of HTML and Razor Html Helpers called Avatar, in which it shows the selected avatar, you can upload a new, and a sliding horizontal panel that you can choose one from.

I'm not even sure if I'm on the right track here. In webforms, I would of made a user or server control out of it.

So I made a Helper in App_Code. First I made it as a view in the view folder. And searched and results said no make it the App_Code folder. So I do that, then I had to change the @using. Then I wanted to pass any mode to it.

I ended up with this in the App_Code folder marked as Build Action: None.
Oh and the hour is now 2 hours.

I can't figure out how to build and use it.

Question: Am I wasting my time here on this. Should I use a different method. What do you think?
[The Razor seems to mess up my formatting]

@using System.Web.Mvc.Razor;
@functions {
    private static WebViewPage page { get { return PageContext.Page as WebViewPage; } }
    private static System.Web.Mvc.HtmlHelper Html { get { return page.Html; } }
    private static UrlHelper Url { get { return page.Url; } }
    private static dynamic ViewBag { get { return page.ViewBag; } }
}

@helper avatar_select(object model)
{

<pre>
<div class="panel panel-default">
    <div class="panel-heading">
        <h4>Avatars</h4>
    </div>
    <div class="panel-body">

        <div class="col-sm-3">
            <div class="form-group">
                @Html.LabelFor(m => m.Avatar_Primary_ID, new { @class = "control-label" })
                <div class="avatarImage">
                    <img id="avatarPrimary_Select" data-avatarid="@Model.Avatar_Primary_ID" src="@String.Format("data:image/png;base64,{0}", Model.Avatar_Primary_Image.Base64)" alt="@Model.Name" height="100" />
                </div>
                <div class="avatarDelete">
                    <a id="AvatarDeleteButton" class="btn btn-primary has-spinner" name="AvatarDeleteButton">
                        Delete
                        <span class="spinner"><i class="fa fa-cog fa-spin"></i></span>
                    </a>
                </div>
                <div>
                    @Html.HiddenFor(m => m.Avatar_Primary_ID)
                    @Html.HiddenFor(m => m.Avatar_Primary_Image.Base64)
                    @Html.HiddenFor(m => m.Avatar_Secondary_ID)
                    @Html.HiddenFor(m => m.Avatar_Secondary_Image.Base64)
                </div>
            </div>
        </div>

        <div class="col-sm-9">

            <div class="avatarUploadMessage">
                <span class="text-primary"><strong>You may upload a new avatar</strong></span>
            </div>
            <div class="avatarUploadControls">

                <div class="form-group">
                    &lt;label class="control-label">Enter your avatar's name max(20)&lt;/label>
                    <div class="input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-tag"></i>
                        </span>
                        &lt;input id="AvatarName" class="form-control" type="text" maxlength="20" placeholder="Name your Avatar" value="@Model.Avatar_Primary_Image.Name">
                        <span class="input-group-addon">
                            <i class="fa fa-comment"></i>
                        </span>
                        &lt;input id="AvatarAlt" class="form-control" type="text" maxlength="10" placeholder="Alternate Name" value="@Model.Avatar_Primary_Image.Alt">
                        <span class="input-group-btn">
                            <span class="btn btn-primary btn-file">
                                Choose
                                &lt;input id="AvatarBrowse" name="AvatarBrowse" class="btn btn-primary spinner" type="file" accept="image/*" />
                                <i id="AvatarSpinner" class=""></i>
                            </span>
                        </span>
                    </div>
                </div>

            </div>
            <div class="avatarPreviewMessage">
                <span class="text-primary"><strong>Or select one from your collection</strong></span>
            </div>
            <div id="avatarPreviewContainer">
                <div id="avatarPreviewSlider" name="avatarPreviewSlider">
                    <img src="~/Content/themes/base/images/indicator_Big.gif" style="padding-top: 6px;" />
                </div>
            </div>
            <div id="log" class="text-info" />
            <div class="avatarPreviewControlsHelp">
                <span id="avatarInstructions" class="text-primary">Touch and swipe to scroll more</span>
            </div>
        </div>

    </div>

}

basically i am showing checkboxes in page and checkboxes generated in loop. i have create a custom validation using this

ValidationAttribute, IClientValidatable

my server side validation working fine but client side is not firing. please have a look at my code and tell me where i made the mistake.
My Goal

i want user has to select one hobby means user has to select one check boxes out of many.
this way i am generating checkboxes

HTML

<div class="col-md-offset-2 col-md-10">
    Hobbies<br />
    @for (int x = 0; x < Model.Hobbies.Count(); x++)
    {
        @Html.CheckBoxFor(p => p.Hobbies[x].IsSelected) @:  
        @Html.LabelFor(p => p.Hobbies[x].IsSelected, Model.Hobbies[x].Name) @:  
        @Html.HiddenFor(p => p.Hobbies[x].Name)
    }
    @Html.ValidationMessageFor(model => model.Hobbies)
</div>

this way i annotate my view model property

C#

[AtleastOne(ErrorMessage = "Select at least one checkbox.")]
public List<Hobby> Hobbies { get; set; }

here is code for custom validation.

C#

public class AtleastOneAttribute : ValidationAttribute, IClientValidatable
{
    // For Server side
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (value != null)
        {
            var oHobby=value as IEnumerable;

            foreach (var _object in oHobby)
            {
                Hobby _oHobby = (Hobby)_object;
                if (_oHobby.IsSelected)
                {
                    return ValidationResult.Success;
                }
            }

        }
        return new ValidationResult(ErrorMessage);
    }
    // Implement IClientValidatable for client side Validation
    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        var rule = new ModelClientValidationRule
        {
            ErrorMessage = FormatErrorMessage(metadata.GetDisplayName()),
            ValidationType = "atleastonetrue",
        };
        yield return rule;
    }
}

client side code

JavaScript

<script type="text/javascript">

    $.validator.unobtrusive.adapters.add('atleastonetrue',  function (options) {
        //options.rules['restrictbackdates'] = { mindate: options.params.mindate };
        options.messages['atleastonetrue'] = options.message;
        alert('hello');
        alert(options.message);
    });

    $.validator.addMethod("atleastonetrue", function (value, element, param) {
        alert('hello');

        //var date = new Date(value);
        //var minDate = new Date(param.mindate);
        //return date >= minDate;
    });
</script>

where i made the mistake in my code for which client side code is not firing?
Generated html for checkbox

HTML

<div class="col-md-offset-2 col-md-10">
                Hobbies<br>
<input type="checkbox" value="true" name="Hobbies[0].IsSelected" id="Hobbies_0__IsSelected" data-val-required="The IsSelected field is required." data-val="true"><input type="hidden" value="false" name="Hobbies[0].IsSelected">    
<label for="Hobbies_0__IsSelected">Reading</label>   
<input type="hidden" value="Reading" name="Hobbies[0].Name" id="Hobbies_0__Name"><span data-valmsg-replace="true" data-valmsg-for="Hobbies[0].IsSelected" class="field-validation-valid"></span><input type="checkbox" value="true" name="Hobbies[1].IsSelected" id="Hobbies_1__IsSelected" data-val-required="The IsSelected field is required." data-val="true"><input type="hidden" value="false" name="Hobbies[1].IsSelected">    
<label for="Hobbies_1__IsSelected">Sports</label>   
<input type="hidden" value="Sports" name="Hobbies[1].Name" id="Hobbies_1__Name"><span data-valmsg-replace="true" data-valmsg-for="Hobbies[1].IsSelected" class="field-validation-valid"></span><input type="checkbox" value="true" name="Hobbies[2].IsSelected" id="Hobbies_2__IsSelected" data-val-required="The IsSelected field is required." data-val="true"><input type="hidden" value="false" name="Hobbies[2].IsSelected">    
<label for="Hobbies_2__IsSelected">Movies</label>   
<input type="hidden" value="Movies" name="Hobbies[2].Name" id="Hobbies_2__Name"><span data-valmsg-replace="true" data-valmsg-for="Hobbies[2].IsSelected" class="field-validation-valid"></span>                
            </div>

My Model and ViewModel

C#

public class Product
  {
      public int ID { set; get; }
      public string Name { set; get; }
  }

  public class Hobby
  {
      public string Name { get; set; }
      public bool IsSelected { get; set; }

  }

  public class SampleViewModel
  {
      [Display(Name = "Products")]
      public List<Product> Products { set; get; }

      [AtleastOne(ErrorMessage = "Select at least one checkbox.")]
      public List<Hobby> Hobbies { get; set; }

      [Required(ErrorMessage = "Select any Product")]
      public int SelectedProductId { set; get; }

      [Required(ErrorMessage = "Select Male or Female")]
      public string Gender { get; set; }
  }

thanks

tbhattacharjee

Tridip Bhattacharjee wrote:
i want user has to select one hobby means user has to select one check boxes out of many.

Then you're using the wrong control. If the user can only select a single option, use a set of radio buttons[^].

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Hi all.IN many example i download here they use javascript.

If I creat a page without masterpage.I know where to put this Javascript.But if I use Masterpage.WHere to put these script.

Thanks

Do you mean js on the page? Or in a separate file? If it's in a separate file then put it in a "scripts" folder and refer to it like this

HTML

<script src="<%=Page.ResolveUrl("~/scripts/file.js") %>"></script>

If you're referring to js put on the page, then if the js uses elements on the master page put it on the master page, if it references elements on the content page put it on the content page, if it references both then put it on the content page also.

I Mean JS on the page, not in a separate file.
The js is only use in Content Page.I Know I have to put it on the content page.But I don't know where to put it.

I am a beginner.

Put it at the bottom.

I'm using a webgrid in a MVC5 app. I'm having two issues:

The last row does not have the same height as the previous rows. It's off by a couple of pixels. I'm not setting the height of the grid, it's parent div or anything like that, so I don't know why this is happening.
I want three of the columns to disappear when the browser resolution gets below a certain size (when the device is a phone used in portrait mode). When the resolution changes to trigger the style change, the data columns are hidden, but the headers are still there.