Forum | Appery.io

Posted: **Tue Sep 25, 2012 7:00 am**

Hi,

Could I add the following code for a custom radio button set on the page?

Many thanks in advance!

Posted: **Tue Sep 25, 2012 8:18 am**

Hello! What code?

Posted: **Tue Sep 25, 2012 11:21 am**

Sorry, did it get filtered out or what? Anyway:

I was trying insert the html code into the page/ screen.

Many many thanks!

Posted: **Tue Sep 25, 2012 12:40 pm**

You can add this code in a Panel component (drag and drop it from Palette on screen). Change its type to HTML and add this code.

Posted: **Tue Sep 25, 2012 1:20 pm**

Okey! Panel HTML pasting the code, right?

Posted: **Tue Sep 25, 2012 1:21 pm**

Yes, try it and please let us know about the result.

Posted: **Tue Sep 25, 2012 2:32 pm**

It seems to work fine, supposedly. Thanks!

But I need to add this css part, for example:

.ui-icon-audio-play {
background-image: url("http://project.tiggzi.com/views/11b8c...");
}

So, do I create a new separate css element?

Posted: **Tue Sep 25, 2012 2:35 pm**

You can go to Project-- Create new-- CSS

Posted: **Tue Sep 25, 2012 3:28 pm**

Hi, I turned out have this section in the CSS

=====================================
#slider{
display:none;
}

div.ui-slider{
margin:0;
width:100%;
}

.ui-icon-audio-play {
background-image: url("http://project.tiggzi.com/views/11b8c...");
}

=====================================

with this as result:

So it does seem to work (the first key), except that the slider bar is still there, instead of being "non-displayed".

Custom Button Set in mobilescreen/ mobilecontainer