[1.8.0.3246 evaluation] Buttons inside the pagefooter

[miticasandra]

I'm in the need of a bottom bar (fixed position) with buttons to drive a remote multimedia player.

In the attachment it's the best i've achieved with the mobile suite components.

It's a TIWCGJQMControlGroup aligned alTop placed inside a TIWCGJQMPageFooter.
Buttons are ALL set to alTop and NOT set inline

Problems:
- there is no property to set ControlGroup's width to 100% of the available space
- there is no way to decide the width of each button
- how can i vertically center the buttons' text?

I've also tried using toolbarbuttons of the pagefooter, but they aren't suitable for my needs, because:
- they change color when you press them, and don't turn back to the original color unless you press another button
- they can't be enabled/disabled (there is no enabled property) and i need to enable/disable single buttons according to some circumnstances
- they can't be sized at will

Please help. I'd like to buy your suite, if i find a suitable solution for my needs.

[Alexander Bulei]

Hi miticasandra,

JQuery Mobile is very limited and we have no great access to html, therefore we have to search solutions

Problems:
- there is no property to set ControlGroup's width to 100% of the available space
- there is no way to decide the width of each button

You can do this with css:

1. Create the custom css file and put this content:

css code

.jqm-controlgroup-full .ui-controlgroup-controls {
    display: block !important;
}
.jqm-controlgroup-full .ui-controlgroup-controls a {
    width: 33%;
}

33% - 100 / num of buttons

2. Apply the css class to TIWCGJQMControlGroup:

delphi code

TIWCGJQMControlGroup.Css:= 'jqm-controlgroup-full';

3. Load the css file to project via Form.ContentFiles

Simple demo in attachments.

P.S: Copy "my-custom.css" to <project_output>/wwwroot folder.

Best Regards.

[miticasandra]

Thank you very much! Works perfectly!!! So, as in Intraweb, there is the need to work with css to obtain special features not part of the component themselves. Good to know. About Ajax, it seems that it can execute pascal code (for instance i've used RunShell() after selecting a list element) with no need of "submit" the page, just like it happens with pure Intraweb. Am i correct? Does it work for all components or are there limitations? I've also seen "AjaxRepaint" method (or something like that). Can it be used also with buttons, if you set them enabled/disabled after some event?