<div class="row"> <div class="column" style="width:30%"> <div class="btn-group" > <button type="button" class="btn btn-primary" style="outline-color:red; " @onclick="() => UpdateTheChart(11)">@Language.T35</button> <button type="button" class="btn btn-primary" @onclick="() => UpdateTheChart(12)">@Language.T36</button> <button type="button" class="btn btn-primary" btn btn-primary" @onclick="() => UpdateTheChart(13)">@Language.T37</button> </div> </div> <div class="column" style="width:70%"> <div class="btn-group" > <button type="button" class="btn btn-primary" @onclick="() => UpdateTheChart(21)">@Language.T138</button> <button type="button" class="btn btn-primary"@onclick="() => UpdateTheChart(22)">@Language.T38</button> <button type="button" class="btn btn-primary" @onclick="() => UpdateTheChart(23)">@Language.T39</button> <button type="button" class="btn btn-primary" @onclick="() => UpdateTheChart(24)">@Language.T40</button> </div> </div> </div>
.show { display : block; } .btn-group { margin-top : 20px; overflow : hidden; } .btn { font-weight : bold; color : white; border : none; outline : none; padding : 12px 16px; /*blue*/ background-color : #2c75ff; cursor : pointer; } .btn:hover { font-weight : bold; color : white; /*green*/ background-color : #85c995; } .btn:focus { /*green*/ background-color : #85c995; color : white; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)