[axiaz]

I don’t know why but it only worked after I added ‘ !important ‘ to the line you suggested. Who cares, it works, thx!

[axiaz]

Ally, it works exactly as I want, great support, even more since it was a bit beyond the scope of your support. Issue solved!

[axiaz]

That works, great! Last question: what lines do I have to add to my Quform theme to make a specific width the default for all Dropdown Menus?

[axiaz]

Fixed width of the labels is now working fine, thx!
My second choice did not relate to the radio button, but to the width of the drop down selector which is linked to field type #4 on the list of ‘popular’ in form design. Can you advice on that?

Thx, Hans

[axiaz]

Now it works on clicking, thx for your great help! Last question: I would like the background color of the text field to be of a specified hex value (say: #01437D) when the page opens and then have that same value as the initial color selected in the color picker. How can I accomplish that?

[axiaz]

Ally,

Somehow it does not yet work. I did the following:
– The folder …httpdocs/collegiaalidee.nl/wp-content now contains the folder ‘color picker’ and all folders and files below it.
– I have added a html field in the form where I want the color picker to work, copied your text and changed example.com twice (to collegiaalidee.nl) and iphorm_1_1 twice (to iphorm_4_1) as the field I am testing it with is the first field on form #4. I also include the hex value. See text below to check.
– In that specific field, I added CSS style by clicking on ‘Text input’ and then inserted the line you gave before: $(‘.iphorm_4_1’).ColorPicker();
– I saved the form and tested it, but it still looks like a normal text field

You can see the result on http://www.collegiaalidee.nl/TEST. Can you help me further?

TEXT in HTML page:
<link rel=”stylesheet” media=”screen” type=”text/css” href=”http://www.collegiaalidee.nl/wp-content/colorpicker/css/colorpicker.css&quot; />
<script type=”text/javascript” src=”http://www.collegiaalidee.nl/wp-content/colorpicker/js/colorpicker.js”></script&gt;
<script>
jQuery(document).ready(function ($) {
$(‘.iphorm_4_1’).ColorPicker({
onChange: function (hsb, hex, rgb, el) {
$(‘.iphorm_4_1’).css(‘backgroundColor’, ‘#01437D’).val(hex);
}
});
});
</script>

[axiaz]

Ally,

Looks like a great color picker. How do I “implement a script … on the page’? When I download the zip file, I see three folders (css, images and js) each containing a number of files. Which folders/files do I copy to what place in my Quform files? Do I have to do that for each specific form/field or can I somehow use the Quform theme to set it up once and then use it on various text fields?

Thx for your help.
Hans

[axiaz]

Problem solved, thx!

[axiaz]

I can now also change the content of the css file, but nothing happens. Can you help?

The file ‘ZonMw.css’ is stored in the directory ‘CI_themes’ under the ‘automatically’ generated directory ‘…iphorm-form-builder/themes’. I tried to see whether I could change the background of the preview page but that does not work. See below for the top lines of the file ZonMw.css.

Thx for your help

/*
* Theme Name: ZonMw
* Uniform Theme: default
* Description: template met kleuren ZonMw
* Version: 1.0
* Author: ThemeCatcher.net
* Author URI: https://www.themecatcher.net/
*/

/*Select an optimum background colour for preview page*/.ip-form-wrap .iphorm-theme-CI_themes-ZonMw.css .iphorm-inner {
background:#6DC4E2 ;
}

[axiaz]

Hi Ally,

I have uploaded the css files and can now select them in form design. How do I change the content of the css files themselves so that the theme content is used on every form where I select the theme?

Kind regards, Hans

[Author]

Posts