Change the components properties from (More properties) Option

[Hawk]

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?

[Yurii Orishchuk]

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.

[Hawk]

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

[Kateryna Grynko]

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.

[umama fakher]

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

[Illya Stepanov]

Yes, it is a class name.