This CodeLet will Dispaly poll choice radio as a Button and view result on click of button.
CodeLet
/*custom.css file*/
.vote-form input[type="radio"].form-radio, .vote-form #edit-vote {
display:none;
}
.vote-form input[type="radio"].form-radio + label{
background-image: -moz-linear-gradient(bottom,#BCBCBC,#AAAAAA);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#BCBCBC),#AAAAAA);
background-image: -webkit-linear-gradient(bottom,#BCBCBC,#AAAAAA);
background-image: -o-linear-gradient(bottom,#BCBCBC,#AAAAAA);
background-image: linear-gradient(to top,#BCBCBC,#AAAAAA);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBCBCBC',endColorstr='#ffAAAAAA',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
color: #FFFFFF;
font-weight:bold;
border-color: transparent;
text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
border-radius:5px;
padding:5px
}
.vote-form input[type="radio"].form-radio:checked + label {
background-image: -moz-linear-gradient(bottom,#969696,#727272);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#969696),#727272);
background-image: -webkit-linear-gradient(bottom,#969696,#727272);
background-image: -o-linear-gradient(bottom,#969696,#727272);
background-image: linear-gradient(to top,#969696,#727272);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff969696',endColorstr='#ff727272',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
cursor: default;
color: #FFFFFF;
font-weight:bold;
border-color: transparent;
text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
border-radius:5px;
padding:5px
}
.vote-form input[type="radio"].form-radio + label {
width: 3em;
}
.vote-form input[type="radio"].form-radio:checked + label.btn:hover {
background-color: inherit;
background-position: 0 0;
-webkit-transition: none;
-moz-trainsition: none;
transition: none;
}//custom.js
jQuery(document).ready(function(){
jQuery(".vote-form input[type="radio"].form-radio").click(function(){
jQuery(this).closest("form").submit();
});
});Info file details
name = Custom
description = Custom feature
core = 7.x
package = custom
scripts[] = custom.js
stylesheets[all][] = custom.css