TIWCGJQMSidePanel affect mobile form background

[buzud]

I just create a new mobile form with 2 regions : rgnPage - jqmrtPage and rgnContent - jqmrtContent
For rgnPage I set css to load background image:

CSS:
.rgnPage{background: url("background_1.jpg"); background-position: center center; background-attachment: fixed; background-size: cover;}
all looks ok, till I add IWCGJQMSidePanel1: TIWCGJQMSidePanel parented to rgnPage

As functionality is working (pnl show with Open etc), but background of my form is shown partially (just a top band)
Do i need to set something special to this side panel ? If remove the side panel all go back to normal.
Do you have any suggestion ?

Thanks!
Best regards,
dan

PS: I found your new demo (I install latest based on develop version) - with Frame: TIWCGJQMAjaxPageFrame
but here I cannot use ExtraHeader to add CSS. If I use IWCGStyle, then background can have a color for Content but not page or region.
when I load an image is not showm at all

So: how this panel need to be used ? only in frame without background....can be used normal forms (page/content)?
How I can add CSS to TIWCGJQMAjaxPageFrame other than CGStyle?

Thank you! Also sorry if I am not very familiar with CGDevTools , I worked more with TMS and standard intraweb till now. but I need responsive pages, so your comp are solution....if I can make it working

[Alexander Bulei]

Hi buzud,

Can you send us the simple testcase please?
T.I.A

In this way, we can just correct you/your code

Best Regards.

[buzud]

Thank you very much!
So I just create a page - region page mode + region content - add CSS - all ok.
I add then the side panel (just add to design mode and make rgn Page as parent)...background become a band

To be honest is not my zone of expertise working with javascript and JQuery etc....but I can handle if is necessary.
Till now when i need to use Intraweb, I use normal controls and TMS and I can handle more or less in Delphi way of codding.
So my questions are:
1. What is wrong with that code - see attached
2. Do I need to deactivate standard control css ? Or override etc.
3. What I need to do to apply CSS to other controls , like navigation bar for ex...I try to apply CSS, but do not work
So, for sure I do something wrong....but unfortunately I cannot find what .

Maybe you can add to forum, a general rules to apply CSS, java scripts, override style of controls etc etc....will be a gold mine for delphi developers that need to work with your components. Even with a fee will be nice to have....because avoid us to spend too much time to make it work.

Thank you again!
Dan

[Alexander Bulei]

Hi buzud,

I will check the testcase asap.

About:

Maybe you can add to forum, a general rules to apply CSS, java scripts, override style of controls etc etc....will be a gold mine for delphi developers that need to work with your components. Even with a fee will be nice to have....because avoid us to spend too much time to make it work.

Please check the topics here: viewforum.php?f=5

They're in IWCGjQuery Suite section, but also, valid for mobile.

Best Regards.

[buzud]

Thank you for your support!

[Alexander Bulei]

Hi buzud,

Just add this style to your form:

css code

.rgnPage > div.ui-body-c {
    background: transparent;
}

Best Regards.

[buzud]

Dear Alexander,

Yes is working ...thank you very much!
So if I understand correctly you override the default css of page region ui-body-c

Dan