how to set non-CSS properties

Question

1.00/5 (1 vote)

See more:

CSS properties can be set in a css file and be applied in the whole site. How about non-CSS properties like maxlength for input type of text. How can we set them in general?

Posted 9-Jan-13 9:58am

cs101000

Add a Solution

Comments

Richard C Bishop 9-Jan-13 16:03pm

Usually that is an attribute directly within the control you are trying to set it for. It can either be done inline with the markup or in the code-behind. Are you trying to set the maxlength for all specific controls in the project or just one control?

cs101000 9-Jan-13 16:08pm

Of course for all specific controls. For example for special categories: FirstName & Lastname, Email, Description ...

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard C Bishop · Answer 1 · 2013-01-09T10:44:00

Solution 1

I would suggest using a Theme then.

1. Add a folder called app_themes in the web root (if it's not already there).

2. Add a folder called MyTheme in that folder.

3. In the MyTheme folder add a skin file (right click folder and select add>>new item. from dialog select skin).

4. In the skin file put this in:

<asp:TextBox runat='sever' MaxLength='100' />

Note that no instance variables like ID are set here.

5. In web.config set under <system.web> add <page theme='MyTheme' />

This will make all textboxes have maxlength = 100. If you want it only for a single page, don't set that in the web config. In the @Page directive at the top of the page, set theme='MyTheme'

I found this herehttp://www.dotnetspider.com/forum/204101-How-set-maxlength-property-textbox-using-css.aspx[^]

Posted 9-Jan-13 10:44am

Richard C Bishop

Comments

cs101000 10-Jan-13 4:26am

Thank you. But I dont see any skin file to add. Is there any in webmatrix when creating a new file? Does it have skin extension?

Richard C Bishop 10-Jan-13 9:52am

Yes, it does have a .skin extension. Did you try the method for applying it only to a single page?

cs101000 10-Jan-13 10:56am

I am trying to do it for the whole site not a single page. In step 3 when I right clicked on the MyTheme folder I didnt find a skin file to add between file types. And if ID cant be set then how can I categorize textboxes and give each category a specific MaxLength?

Richard C Bishop 10-Jan-13 11:02am

It sounds like my solution is not going to be what you need. If each text box is different than you are going to have to set each one by itself. You might try the solution below mine and see if that works.

cs101000 10-Jan-13 12:46pm

OK. Thanks anyway

Sergey Alexandrovich Kryukov · Answer 2 · 2013-01-09T11:02:00

Those are not "properties". They are "attributes", same as XML attributes.

Obviously, you look at HTML standard and write the accordingly; generalized syntax is like in XML: <someElement someAttributeName="some attribite value" …> …. This is for ASP.NET/HTML use.

You can add/modify any attribute in JavaScript, using element.setAttribute() or element.someAttributeName = "some attribite value":
http://www.w3schools.com/dom/met_element_setattribute.asp[^].

I would highly recommend to use jQuery: http://api.jquery.com/category/attributes/[^].

If you need to learn jQuery, please start here:
http://en.wikipedia.org/wiki/Jquery[^],
http://docs.jquery.com/Tutorials[^],
http://docs.jquery.com/How_jQuery_Works[^].

—SA

Gianmaria Gregori · Answer 3 · 2013-01-10T10:41:00

Solution 3

You could use global variables, initializing them in the _AppStart.cshtml file an recalling them when you want.
Try to create in the root of your Webmatrix site a new _AppStart.cshtml file with the following content:

C#

@{
    AppState["mlen"] = 10;
}

Now create a Default.cshtml file with this content:

Razor

@{
    var mlen = AppState["mlen"];
}



<html lang="en">
    <body>
        <form>
            <input type="text" maxlength="@mlen" />
        </form>
    </body>
</html>

Your input field has a maxlengh of 10 and so any other field in which you use the attribute maxlength="@mlen".

Posted 10-Jan-13 10:41am

Gianmaria Gregori

Comments

cs101000 11-Jan-13 3:11am

Is AppState["mlen"] = 10; a var definition? What is the differance between that and this: App.mlen = 10; The second question is how can I specify a class for some inputs and then define maxlength for that class of inputs? I would prefer to do this if possible rather than using vars

Gianmaria Gregori 11-Jan-13 8:43am

AppState["mlen"] = 10 and App.mlen = 10 are alternative syntaxes for the same goal.
Regarding the second question, maybe this Brind's article http://www.mikesdotnetting.com/Article/199/HTML5-Form-Helpers-For-WebMatrix could be of help.

how to set non-CSS properties

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us