Forum Discussion

jeff_stroh's avatar
jeff_stroh
Ideator I
4 years ago
Solved

Button not adhering to CSS

Hello, I've got a button with very simple CSS (below).  Problem is, the button isn't adhering to the code: {$this field rule} input; input[type="button"]{ height: 50px; width: 50px; } input[...
Forms
JavaScript
Methods
Styling
  • AngelaIp's avatar
    AngelaIp
    4 years ago

    Regarding Aras buttons:

    Which tab do you use to do your styling? Field CSS or Form CSS?
    1. Your first code works in 'Form CSS' (overall Form styling) when you remove {$this field rule} input; . 
    2. Your first code works in 'Field CSS' (individual element styling) when you remove input[type="button"] ;

    Regarding html buttons.

    Your button html code contains multiple errors. Your function call is creative (but wrong :-) ) and you mix ' with ". Compare with this one:

    <input type="button"
      onClick="myfunction();"
      style="height:40px;cursor:pointer;width:40px;"
    <script>

    function myfunction() {
      alert("x");
    }
    </script>

    Instead of using tons of buttons, I personally would use a html table for this use case. Harder to design, but a lot easier to maintain. Of course a matter of taste.[emoticon:c28b2e4cc20f4ba28d1befdba6bed29c]

AngelaIp's avatar
AngelaIp
Ideator I
4 years ago

Regarding Aras buttons:

Which tab do you use to do your styling? Field CSS or Form CSS?
1. Your first code works in 'Form CSS' (overall Form styling) when you remove {$this field rule} input; . 
2. Your first code works in 'Field CSS' (individual element styling) when you remove input[type="button"] ;

Regarding html buttons.

Your button html code contains multiple errors. Your function call is creative (but wrong :-) ) and you mix ' with ". Compare with this one:

<input type="button"
  onClick="myfunction();"
  style="height:40px;cursor:pointer;width:40px;"
<script>

function myfunction() {
  alert("x");
}
</script>

Instead of using tons of buttons, I personally would use a html table for this use case. Harder to design, but a lot easier to maintain. Of course a matter of taste.[emoticon:c28b2e4cc20f4ba28d1befdba6bed29c]

jeff_stroh's avatar
jeff_stroh
Ideator I
4 years ago

Thank you!  I got it working with an HTML table and got color changes on click like I wanted.  Now just need to take the dropdown events and have them update/select the right cells in the HTML table.

Appreciate it!