Button attribute Name not shown in browser inspect elements

On Thursday, February 7, 2019 at 6:12:18 PM UTC+1, Goran Goki wrote:

Hi,

When I set attribute Name for Button widget for instance button1 = Button(label=“B1”, button_type=“success”, name=“Tile_1”, css_classes=[‘button_G1’])

this attribute (Name) not appear in the Inspect element of the browser. The inspect element looks like

Normally I expected <button class=“bk-bs-btn bk-bs-btn-success” type=“button” name=“Tile_1”>

I would like to use attribute Name to define CSS style for this button. For other buttons other appearance (color, linecolor, …)

I hope somebody will give possible solutions.

Thanks,

Goran

On Saturday, February 9, 2019 at 12:43:07 PM UTC+1, tony halik wrote:

It looks like the BokehJS does not use all the attributes as specified in its JSON Prototype.
You can however customise each button using css inheritance.

Following this example and adding css inheritance you can define new styles according to your needs.

Then your css file would look like this:

.button_G1 { width: 500px; }
.button_G1 button.bk-bs-btn.bk-bs-btn-default {
background-color: lightblue;
font-weight: bold;
color: navy;
border-style: solid;
border-width: 10px;
border-color: navy;
height: 300px;
}

.button_G2 { width: 700px; }
.button_G2 button.bk-bs-btn.bk-bs-btn-default{
border: none;
background-color: orange;
height: 80px;
}

``

On Thursday, February 7, 2019 at 6:12:18 PM UTC+1, Goran Goki wrote:

Hi,

When I set attribute Name for Button widget for instance button1 = Button(label=“B1”, button_type=“success”, name=“Tile_1”, css_classes=[‘button_G1’])

this attribute (Name) not appear in the Inspect element of the browser. The inspect element looks like

Normally I expected <button class=“bk-bs-btn bk-bs-btn-success” type=“button” name=“Tile_1”>

I would like to use attribute Name to define CSS style for this button. For other buttons other appearance (color, linecolor, …)

I hope somebody will give possible solutions.

Thanks,

Goran

On Thursday, February 7, 2019 at 6:12:18 PM UTC+1, Goran Goki wrote:

Hi,

When I set attribute Name for Button widget for instance button1 = Button(label=“B1”, button_type=“success”, name=“Tile_1”, css_classes=[‘button_G1’])

this attribute (Name) not appear in the Inspect element of the browser. The inspect element looks like

Normally I expected <button class=“bk-bs-btn bk-bs-btn-success” type=“button” name=“Tile_1”>

I would like to use attribute Name to define CSS style for this button. For other buttons other appearance (color, linecolor, …)

I hope somebody will give possible solutions.

Thanks,

Goran