Jump to content


Photo

Bootstrap buttons

button bootstrap theme bootstrap theme

  • Please log in to reply
4 replies to this topic

#1 WagnerAlexandre

WagnerAlexandre

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 85 posts
  • LocationUberlândia-Brazil

Posted 14 August 2017 - 05:32 PM

Hello friends, is there any way to use the bootstrap css with unigui buttons?
 
Thank you very much in advance.

  • 0

#2 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 3432 posts

Posted 30 August 2017 - 05:47 AM

Hi,

 

Perhaps in part, but you can try to use this way I think:

 

1. CustomFiles:

files/bootstrap.min.css

2. beforeInit:

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-default";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-primary";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-success";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-info";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-warning";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-danger";
}

Result:

 

Attached File  bootstrapButtons.png   5.98KB   23 downloads

 

Best regards,


  • 1

#3 Borges

Borges

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 11 September 2017 - 01:04 AM

Very good explanation.
I had this doubt.
Thank you

  • 0

#4 cgarrotti

cgarrotti

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 13 November 2017 - 10:04 AM

Hi,

 

Perhaps in part, but you can try to use this way I think:

 

1. CustomFiles:

files/bootstrap.min.css

2. beforeInit:

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-default";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-primary";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-success";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-info";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-warning";
}

function beforeInit(sender, config)
{
    config.baseCls="btn";
    config.cls="btn-danger";
}

Result:

 

attachicon.gifbootstrapButtons.png

 

Best regards,

Where stay this beforeinit ? On uniButton component ? 


  • 0

#5 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 3432 posts

Posted 13 November 2017 - 10:29 AM

Hi,

 

Where stay this beforeinit ? On uniButton component ? 

 

Which edition and build are you using ?!

 

Best regards,


  • 0





Also tagged with one or more of these keywords: button, bootstrap, theme, bootstrap theme

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users