Forum | Appery.io

I created a checkbox on my page and define a service mapping, like this:

when I run the page, the checkbox is not displayed, when I check the reason using Javascript console of chrome, I found the style of the element has been set to "{display:none;}", I believe that is the why the element is not shown.

my question is: I am just using the default setting of the UI component, and check the visible option of the checkboxgroup component, what is the reason that the style was set? and how can I set it back to be shown?

Hello Zhong,

To control of the visibility of the component is possible in the toolbar properties:
http://devcenter.appery.io/wp-content...
Could you please specify, did you edit sources of the page on the Source tab, because after editing changes made in the UI Builder does not appear on the preview?

No, I did not edit the page on Source tab.
The setting of the UI properties I am using is like this:

Zhong,

Could you please provide us with a public app link, we'll test: http://devcenter.appery.io/documentat...

Hi Evgene,
I shared the app, the link is:
http://appery.io/app/mobile-frame?src...

and the page have the problem is:
http://appery.io/app/view/c4b68db5-ae...

Zhong,

I see that response generic_service listGroup maps on your checkboxes, in your custom implementation it uses the value LSV sysVars.
When I go to the page http://appery.io/app/view/c4b68db5-ae..., this variable is not set, so I don't see any checkboxes. Could you please try to debugg your code, you may use the Echo option for this service.

Hi Evgene,

I modified my code to use echo in listgroup, please visit the testScreen page again. The problem of checkbox is not shown still there.

Zhong,

The reason is that you call this service on the event load. Please change event on page show, should work fine.

Hi Evgene,

It works fine when I shift the service to page show event. Thank you.
Do you know why for listview, it works when loading the service in load event, but for checkbox, it doen't.