[SOLUCIONADO] Stylo a un Botton

[Patricio Avalos Aguirre]

Estimado

como se pueda dar un estilo a un boton, la idea que queda separados por 2 px

tengo este código

Code: Select all  Expand view

       
BUTTON ID 'btnlimpiar' LABEL 'Limpiar' ICON '<i class="fas fa-home"></i>' CLASS 'btn btn-primary btn-sm' ACTION 'limpiar()'               OF o
BUTTON ID 'btngrabar'  LABEL 'Grabar'  ICON '<i class="fas fa-home"></i>' CLASS 'btn btn-primary btn-sm' ACTION 'Grabar()'        OF o
BUTTON ID 'btnsalir'   LABEL 'Salir'   ICON '<i class="fas fa-home"></i>' CLASS 'btn btn-primary btn-sm' LINK "/casajulio/menu.prg" OF o
 

necesito darle un stylo al boton Grabar y Salir

style="margin: 2px;

[Antonio Linares]

Patricio,

Sizes
Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.

Code: Select all  Expand view

BUTTON ID 'btngrabar'  LABEL 'Grabar'  ICON '<i class="fas fa-home"></i>' CLASS 'btn btn-primary btn-lg' ACTION 'Grabar()'  OF o
 

https://getbootstrap.com/docs/4.0/components/buttons/

[Patricio Avalos Aguirre]

Gracias Antonio por responder

mira lo que quería era que que los botones estuvieran cuadrados y no separados

lo he solucionado asi

Code: Select all  Expand view

HTML o
<button class="btn btn-primary btn-sm" onclick="GetId()" id="btnlimpiar" name="btnlimpiar" value="" type="button" style="margin: 0px;"><i class="fas fa-home"></i>Limpiar</button>
<button class="btn btn-primary btn-sm" onclick="GetId()" id="btngrabar" name="btngrabar"   value="" type="button" style="margin: 4px;"><i class="fas fa-home"></i>Grabar</button>
<button class="btn btn-primary btn-sm" type="button" onclick="location.href='/casajulio/menu.prg'"><i class="fas fa-home"></i>Salir</button>
ENDTEXT
 

[Carles]

Patricio,

Ahora q entras en la cara oculta de la web (maquetacion de pantalla ) te recomiendo poco a poco aprender css... y si aun se te hace duro, aprender bootstrap si es lo que usas, ya que te ayudara a sacarte muchos dolores de cabeza

https://getbootstrap.com/docs/4.0/compo ... ton-group/

Code: Select all  Expand view

<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>/

C.

[Patricio Avalos Aguirre]

Charly si por supuesto estoy desde hace tiempo viendo videos de HTML - CSS - JAVASCRIPT
cuesta entender un poco, pero de apoco se va entendiendo

dejo para si alguien le interesa los videos..
HTML
https://www.youtube.com/watch?v=kN1XP-Bef7w&t=115s

CSS
https://www.youtube.com/watch?v=OWKXEJN67FE&t=12s

JS
https://www.youtube.com/watch?v=RqQ1d1qEWlE&t=3901s