Better buttons on VP

kklosson

I would like to present some buttons on a VP. I can do so in an HTML panel using an HTML button but this VP is for a novice user to just come in and answer a simple questionnaire. The button launches a process to do what is needed. Is there some CSS magic I can use in the Advanced settings of the VP? I would like to make the button bigger with bigger text. If so, if anyone has some something, I can plug it in and play around.

Thanks

tford

One option would be to create an image with required text on it & link the image to run the process. That would give you complete control over the size of the image by creating the image outside of AwareIM.

kklosson

Thanks but would prefer a CSS solution if possible.

kklosson

Easier than I thought. Here's an example of a button with various attributes calling a process.

    .button-launch{
        background: rgb(69, 146, 214); /* Blue */
        color: white;
        border-radius: 4px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        width: 20em;
        height: 4em;
        }
</style>
<button class="button-launch" onclick="AwareApp.startProcess('LaunchQuestionnaireReference', 'Main', this, false)">Open Questionnaire</button>

</div>

weblike

Hi kingsley,

You also can implement Bootstrap in your apps. Great looking stuff (buttons, badges, modals, .etc).
There are some posts on the forum about how to implement it, but if you need assistance I will gladly help.

Nice day.