Bootstrap buttons

[WagnerAlexandre]

Hello friends, is there any way to use the bootstrap css with unigui buttons?

 

Thank you very much in advance.

[Sherzod]

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:

 

 

Best regards,

[borgesma]

Very good explanation.

I had this doubt.

Thank you

[cgarrotti]

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:

 

bootstrapButtons.png

 

Best regards,

Where stay this beforeinit ? On uniButton component ? 

[Sherzod]

Hi,

 

Where stay this beforeinit ? On uniButton component ? 

 

Which edition and build are you using ?!

 

Best regards,

[Beginner]

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:

 

bootstrapButtons.png

 

Best regards,

 

 

Hi thank you for you

 

I have question after I added before init 

    config.baseCls="btn";

    config.cls="btn-danger";

Other button  not poperly rendered

 

How solve this problem? Unigui last trial

[Valls]

Hi,
there is some way to draw a glyphicon?

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

Thanks.

[Jake]

Same question as Valls. Is there someway to add a glyphicon on a button? 

On 9/26/2018 at 6:15 PM, Valls said:

Hi,
there is some way to draw a glyphicon?

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

Thanks.

 

[thiagopedro]

Is it functional in version 1.50.0.1485? I tested it and it did not work.

[azago]

add

files/bootstrap.min.css

in ServerModule->CustomFiles

UniButton -> ClientEvents -> UniEvents

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

to draw a glyphicon

UniButton -> IconCls insert (for example)

glyphicon glyphicon-duplicate

in 1.50.0.1482 work fine