Doubt of how to use a Less class with RAZOR

Question

Doubt of how to use a Less class with RAZOR

Navigation

#1 by (2 votes)
#2 by (1 votes)
#3 by (0 votes)

5

I'm researching a little to implement a feature to make life easier when programming.

Is it possible to do this?

We're using VS2013 with razor .

I have the following class Less:

.minColuna(@a) {
    -webkit-min-width: @a;
    -moz-min-width: @a;
    -ms-min-width: @a;
    -o-min-width: @a;
    min-width:  @a;
}

And I can not call the method like this:

Razorcausesittobeunabletoidentify@aasavariableandbecauseofthatbuga.IalreadytrieddoingthisbyJSputtingtheclassonthetablebutitgavethesameproblem...AndI'vealreadytriedusingthis:

class="minColuna(@Html.Raw("@a"): 300px)"

But it does not take the style: /

Is it possible to work around this bug?

Or is there even something inside JQuery / JS / LESS / HTML that can do something like this for me?

css css3 less

asked by anonymous 10.08.2015 / 20:10

3 answers

Error with sql Like Fill Combobox with Dapper

score 2 · Answer 1

Look at it that way. Create a class that calls its function with the value of param.

.tamanhoColuna(@x){
    min-width: @x;
}

.chamaFuncao {
  .tamanhoColuna(10px);
}

<p class="chamaFuncao"> Teste :D </p>

Attention

You will not be able to pass the value in real time, unless you compile LESS in real time.

score 1 · Answer 2

1

Try the following:

.tamanhoColuna(@x){
    min-width: @x;
}

<p class="tamanhoColuna(@x: 200px)"> Teste :D </p>

10.08.2015 / 20:22

score 0 · Answer 3

This functionality already exists in HTML, it is widely known as CSS inline .

Example:

th {background-color:#444; color:#FFF;}

<table>
  <tr>
    <th style="min-width:80px;">Col 1</th>
    <th style="min-width:160px;">Col 2</th>
    <th style="min-width:320px;">Col 3</th>
    <th style="min-width:640px;">Col 4</th>
  </tr>
</table>

Note: What you are trying to do is not even trying to reinvent the wheel, but the stone. Avoid this kind of thing, but if you have not got it, here's a manual work example .