Forum | Appery.io

Hi Yurii,

Another question:

1. What is the data-role syntax for button background color change?

   [data-role="button"].ui-button
   {
   background-color: #FC9E49;
   }

2. And also if we want to change the background color of the page, what is the syntax like above?

   Best Regards
   Bhupinder Chawla

Bhupinder,

1. Ok we will test it on IOS device.

2. You can replace attribute rule with your own rule. For example you can add CSS classname to the footer component and use it. Also you can just specify "!important" but it not recommended.

   Regards.

Hi Yurii,

Can you also provide answer to the Next Request I had. Repeating below:

1. What is the data-role syntax for button background color change?

   [data-role="button"].ui-button
   {
   background-color: #FC9E49;
   }

2. And also if we want to change the background color of the page, what is the syntax like above?

   Best Regards
   Bhupinder Chawla

Bhupinder,

1. Here is how to set background for button:

   pre

   html head + body a[data-role="button"].ui-btn
   {
   background: linear-gradient( #66BCCD /{b-bup-background-start}/, #999BB3 /{b-bup-background-end}/);
   }

   /pre

2. To change page content bakground you can use following code:

   pre

   [data-role="content"].ui-content{
   background: #666;
   }

   /pre

   Regards.

Hi Yurii,

It worked great!

How about the Back Button in the header? What is the code for changing the background color?

Best Regards
Bhupinder Chawla

Hello!

Please try this css:
pre html head + body a[data-rel="back"].ui-btn
{
background: linear-gradient( #66BCCD /{b-bup-background-start}/, #999BB3 /{b-bup-background-end}/);
}/pre

Yurii, I am still not able to work the list on iOS without a footer. Can you please check it ASAP. Thanks!

Yurii,

I am still not able to work the list on iOS without a footer. Can you please check it?

Thanks!
Best Regards
Bhupinder Chawla

Hi Bhupinder,

We will test and update you here.

Regards

Yurii,

If you test the app for iOS also touch the menu option Scorecard. Compare with the what you see on the PC or Android. It does not work on iOS!!!

What is happening with iOS - I have checked with iOS 6, 7, and 8. What has gone wrong in the past few weeks. It used to work before!

Please help ASAP... This goes live on Monday in realtime and most folks use iPhone.

Best Regards
Bhupinde Chawla