[chrisbrown]

Attached is a picture of how I want the app to look. I’m trying to make it so that the selection I make on the combo box will change the color of the button to the left. Pretty simple I want the button to either be red green or yellow in order to show where a product is at in its life-cycle. The buttons will be product types and the combobox will be models. I know how to change that all I need help with is changing the color of the button from the value given by the combo box. Ignore image box on bottom

Attachments:

You must be logged in to view attached files.

[WaylandDavis]

You still need a way to set a Red, Green or Yellow value.

Two approaches here:

1. Have the Product buttons toggle through the Red, Green and Yellow colors and at the same time change which ever model you have selected to have a value that matches that color 0:Red, 1:Green, 2:Yellow.

2. Select a button and click a radio button below and then write the value to the comboBox Model.

[Stu Wade]

The approach that I would use is to create a trio of buttons say bGreen, bYellow and bRed.
They should have the same size and the same location, but should be coloured and perhaps named appropriately.
Once you have determined which is appropriate to display, let us say the yellow one, the following code makes that the only one displayed …

$(‘#m1-app-bGreen’).css(‘visibility’,’hidden’);
$(‘#m1-app-bYellow’).css(‘visibility’,’inherit’);
$(‘#m1-app-bRed’).css(‘visibility’,’hidden’);

I have used this approach in my own App, it works very well.

[paulD]

Hi I would go with Stu’s method also.

Here a quick and dirty example on how it would work for you. Hope it helps

Paul

Attachments:

You must be logged in to view attached files.

[chrisbrown]

Ok now is there a way I could make a button on the bottom and have it’s color contingent upon the colors of the others. For example if all of the buttons are green it would be green. If half the buttons were green and half were red it would be yellow. If the buttons were all three colors it would be yellow. It would be like a status tool to show overall status.

[Brandon]

I’m more of a an doing it through CSS, this way you do not have to deal with three elements (and making sure they line up, as well as all perform the same across devices). You have 5 buttons, that’s 15 elements just to change the color. This will also increase your install size. Just my thoughts.

[Author]

Posts