topic-40711

Posts: 1074

Joined: Fri Oct 07, 2005 01:56 PM

[SOLUCIONADO] Stylo a un Botton
Posted: Sat Aug 07, 2021 03:23 AM

Estimado

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

tengo este código

        
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;

Saludos
Patricio

__________________________________________________________________
Version: Harbour 3.2.0dev (r1307082134),Compiler: Borland C++ 5.8.2 (32-bit)
PCode version: 0.3, FWH 13.2
http://www.sialm.cl

Antonio Linares

Posts: 44162

Joined: Thu Oct 06, 2005 05:47 PM

Re: Stylo a un Botton
Posted: Sat Aug 07, 2021 10:56 AM

Patricio,

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

Code (fw): Select all Collapse

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/

regards, saludos

Antonio Linares
www.fivetechsoft.com

Patricio Avalos Aguirre

Posts: 1074

Joined: Fri Oct 07, 2005 01:56 PM

Re: Stylo a un Botton
Posted: Sun Aug 08, 2021 04:23 AM

Gracias Antonio por responder

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

lo he solucionado asi

Code (fw): Select all Collapse

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

Saludos
Patricio

__________________________________________________________________
Version: Harbour 3.2.0dev (r1307082134),Compiler: Borland C++ 5.8.2 (32-bit)
PCode version: 0.3, FWH 13.2
http://www.sialm.cl

Carles

Posts: 1283

Joined: Fri Feb 10, 2006 02:34 PM

Re: [SOLUCIONADO] Stylo a un Botton
Posted: Sun Aug 08, 2021 09:45 AM

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 (fw): Select all Collapse

<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.

Salutacions, saludos, regards

"...programar es fácil, hacer programas es difícil..."

UT Page -> https://carles9000.github.io/
Forum UT -> https://discord.gg/bq8a9yGMWh
HIX -> https://github.com/carles9000/hix

Patricio Avalos Aguirre

Posts: 1074

Joined: Fri Oct 07, 2005 01:56 PM

Re: [SOLUCIONADO] Stylo a un Botton
Posted: Mon Aug 09, 2021 03:37 PM

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

Saludos
Patricio

__________________________________________________________________
Version: Harbour 3.2.0dev (r1307082134),Compiler: Borland C++ 5.8.2 (32-bit)
PCode version: 0.3, FWH 13.2
http://www.sialm.cl

FiveTech Support Forums

Continue the discussion