Forum | Appery.io

Due to the limitation of updating source files before finishing the entire visual design (http://devcenter.appery.io/tutorials/...), I am not able to change the components properties at the stage from other than the visual platform. A lot of changes such as (font size, background color, font color, style ... etc) are common. My question is, can I use the option (More properties) in the visual platform to update these attributes? If so, is there any reference for the available attributes and their values?

For example I wanted to update the button background color to yellow. I added the following to More properities:

attribute: background-color
value: #00ff00

However, that did not change the color into yellow. May I have assistance on this?

Hi Hawk,

You don't need to set attributes to make this style.

There is two ways:

1 Create your own theme with JQM roller. http://devcenter.appery.io/documentat...

2 Set up "classname" property for the goal component. http://prntscr.com/4e8vip/direct
2.1 Create new CSS asset. http://prntscr.com/4e8vn8/direct
2.2 Implement css rulle with class from 2nd step. http://prntscr.com/4e8w9q/direct

Regards.

Hi Yurri,
I had followed the second option. I set classname to some button = NextPageButton.
Then I had created a CSS file under CSS folder and inserted:

.NextPageButton {
background-color: #00ff00;
}

After I save and run, nothing has changed in the button!

Further, is there any problem with the JQM, the link (http://jquerymobile.com/themeroller/) does not seem to open!

I deeply appreciate your help

Hi Hawk,

This is because of priority of selectors. Some other specific selector overrides your style. There are two ways to solve this.

1) Make your selector more important:pre[dsid="mobilebuttonName"].ui-btn.NextPageButton {
background-color: #00ff00;
}/prePlease find more here: http://www.w3.org/TR/css3-selectors/#...

2) Or you could specify code!important/code for this rule:pre.NextPageButton {
background-color: #00ff00 !important;
}/pre
Thie site http://jquerymobile.com/ is sometimes down. Please wait for some time, they will restore its work.

Can you please tell me what is the .NextPageButton ? what I am replacing for this variable? Is this a class?

Yes, it is a class name.