100% width contactform and ...

Julia van Etten created the topic: 100% width contactform and ...

I want some parts be 100% width and know px.

Can i make in language.ini a text with a break. For example:

Wij hebben uw bericht in goede orde ontvangen.

We nemen zo spoedig mogelijk contact met u op! (can i make this in away)

With normal text. Only the first line is works. And i want to lines

That are two questions

The third is what must be the value for only numbers and letter, when it is required. So people can not wright for example ????123123afwadf/// something like that.

#26495

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: Where can i find form Maker CSS in Joomla and ...

I found the css, but how can i get 100% width, like the body

The contactform is 25% of the body and this must be 90 a 100%

I cannot at a file on my mac os chrome and safari etc.

i want one or two colums 100% width of the main content width

Also can i put a padding in for some alignment seperaly for each form-item. So it is aligned correctly

CSS code for form maker

.recaptcha_input_area input
{
height:initial !important;
}
input[type="radio"]
{
border:none !important;
outline:none !important;
}
input[type="checkbox"]
{
border:none !important;
outline:none !important;
}
a.ui-spinner-button
{
border-radius:0px !important;
background: none!important;
}

a.ui-slider-handle {
width: 8px;
height: 8px;
top: -4px;
border: 0px;
border-radius: 13px;
background: #FAFAFA;
border: 3px solid #B1B1B1;
outline: none;
}

.ui-slider {
	height: 6px;
	background: #F5F5F5 !important;
	margin: 7px 0px;
}
.wdform_grading input {
	width: 100px;
}
.wdform-matrix-cell input[type="text"] {
	width: 100px;
}
.wdform-matrix-cell select {
	width: 60px;
}
.wdform_section .wdform_column:last-child {
	padding-right: 0px !important;
}
.wdform_preload {
	display: none;
}
.wdform_grading {
	padding: 3px 0px;
}
.wdform-matrix-table {
	display: table;
	border-spacing: 0px;
}
.wdform-matrix-column {
	text-align: left;
	display: table-cell;
}
.wdform-matrix-cell {
	text-align: center;
	display: table-cell;
	padding: 6px 10px;
}
.wdform-matrix-head>div {
	display: table-cell;
	text-align: center;
}
.wdform-matrix-head {
	display: table-row;
}
.wdform-matrix-row0 {
	background: #DFDFDF;
	display: table-row;
}
.wdform-matrix-row1 {
	background: #E9E9E9;
	display: table-row;
}
.selected-text {
	text-align: left;
	color: #000;
}
.wdform-quantity {
	width: 30px;
	margin: 2px 0px;
}
.wdform_scale_rating label {
	vertical-align: middle;
}
.ui-corner-all {
	border-radius: 0px;
}
.ui-widget-content {
	border: 0px;
	background: transparent;
}


.ui-slider-range {
	background: #8A8A8A !important;
}
.wdform_map {
	border: 6px solid #fff;
}
.wdform-page-and-images {
	width: 100%;
	border: 0px solid #000 !important;
}
.paypal-property {
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
.sel-wrap {
	display: inline-block;
	vertical-align: middle;
	width:100%;
}

.sel-imul {
	display: none;
}
.sel-imul .sel-selected {
	cursor: pointer;
	position: relative;
	display: inline-block;
	border-radius: 0px;
	padding: 0px 0px 0px 2px;
	font-size: 13px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	background: #F8F8F8;
	border: 0px solid #D3D3D3;
	background-position: right 2px center;
	width: 100%;
}
.sel-imul.act .sel-selected {
	background: #fff;
}
.sel-selected .sel-arraw {
	height: 23px;
	width: 30px;
	background: url([SITE_ROOT]/components/com_formmaker/images/09/01.png) 50% 50% no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
}
.sel-imul:hover .sel-selected .sel-arraw {
// background-color:#e0e0e0;
// border-left:1px solid #bbb;
}
.sel-imul.act .sel-selected .sel-arraw {
// background-color:#e0e0e0;
// border-left:1px solid #bbb;
}
.sel-imul .sel-options {
	background: #fff;
	border: 1px solid #dbdbdb;
	border-top: none;
	position: absolute;
	width: inherit;
	display: none;
	z-index: 10;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.sel-options .sel-option {
	padding: 3px 4px;
	font-size: 13px;
	border: 1px solid #fff;
	border-right: none;
	border-left: none;
	text-align: left;
}
.sel-options .sel-option:hover {
	border-color: #dbdbdb;
	cursor: pointer;
}
.sel-options .sel-option.sel-ed {
	background: #dbdbdb;
	border-color: #dbdbdb;
}
input[type=text]{
	margin: 0px;
}
input[type=password]{
	margin: 0px;
}
input[type=url]{
	margin: 0px;
}
input[type=email]{
	margin: 0px;
}
input.text{
	margin: 0px;
}
input.title{
	margin: 0px;
}
textarea{
	margin: 0px;
}
select {
	margin: 0px;
}
.form-error {
	border-color: red !important;
}
.form-error:focus {
	border-color: red !important;
}
.wdform-field {
	display: table-cell;
	padding: 5px 0px;
}
.wdform-label-section{
	text-align: left;
	display: table-cell;
}
.wdform-element-section {
	text-align: left;
	display: table-cell;
	min-width: 150px;
}
.file-upload input {
	position: absolute;
	visibility: hidden;
}
.file-upload-status {
	margin-left: 10px;
	max-width: 200px;
	font-weight: bold;
	font-size: 16px;
	color: #888;
	position: absolute;
	border-radius: 0px;
	height: 23px;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	overflow: hidden;
	}
.file-picker {
	width: 41px;
	height: 32px;
	background: url([SITE_ROOT]/components/com_formmaker/images/10/02/upload.png) no-repeat;
	display: inline-block;
}
.next-page div.wdform-page-button {
color: #FFF;
cursor: pointer;
display: inline-block;
height: 38px;
line-height: 35px;
background:url([SITE_ROOT]/components/com_formmaker/images/10/next.png) no-repeat right #000;
padding: 0px 36px 0 20px;
vertical-align: middle;
font-size: 18px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.previous-page div.wdform-page-button {
color: #A2A2A2;
cursor: pointer;
display: inline-block;
height: 37px;
line-height: 35px;
background:url([SITE_ROOT]/components/com_formmaker/images/09/previous.png) no-repeat left #F1F1F1;
padding: 0 20px 0 36px;
vertical-align: middle;
font-size: 18px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.button-submit {
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	line-height: 35px;
	background: #ff0000;
	padding: 0px 20px;
	vertical-align: middle;
	font-size: 16px;
	min-width: 70px;
	min-height: 35px;
	font-family: arial;
		border: 1px solid #34ad65;
	margin: 5px;
}
.button-reset {
	color: #000;
	cursor: pointer;
	display: inline-block;
	line-height: 35px;
	background: #34ad65;
	border: 1px solid #00aeef;
	padding: 0px 20px;
	vertical-align: middle;
	font-size: 16px;
	min-width: 70px;
	min-height: 35px;
	font-family: arial;
	float: right;
	border: 1px solid #ff0000;
	margin: 5px;
}
.wdform_page {
	background: #FFFFFF;
	padding-top: 15px;
	border-radius: 0px;
	font-family: arial;
}
.wdform_column {
	border-right: none !important;
	padding-right: 20px !important;
	float: left;
	border-spacing: 2px;
	border-collapse: separate !important;
}
.wdform_section_break2 {
	color: #000;
	display: inline-block;
	text-align: left;
	font-size: 23px;
margin: 16px 10px 40px 0px;
}

.wdform_section_break {
	color: #000;
	font-size: 23px;
margin: 16px 0px;
}

.wdform_section {
	display: inline-block;
}
select {
	padding: 2px;
	height: 24px;
order: 1px solid #B7B7B7;
border-radius: 0px;
background: #F8F8F8;
}
input[type="text"]{
	border-radius: 0px;
	height: 22px;
	padding:0 3px !important;
box-shadow:none;
	background: #F8F8F8;
border:1px solid #B7B7B7;
}
input[type="password"]{
	border-radius: 0px;
	height: 22px;
	padding:0 3px !important;
box-shadow:none;
	background: #F8F8F8;
border:1px solid #B7B7B7;
}
textarea {
	border-radius: 0px;
	height: 22px;
	padding:0 3px !important;
box-shadow:none;
	background: #F8F8F8;
border:1px solid #B7B7B7;
}
input[type="text"]:focus{
	outline: none;
box-shadow:none;
}
input[type="password"]:focus{
	outline: none;
box-shadow:none;
}
textarea:focus{
	outline: none;
box-shadow:none;
}
select {
	outline: none;
}
.input_deactive {
	color: #999999;
	font-style: italic;
}
.input_active {
	color: #000000;
	font-style: normal;
}
.am_pm_select {
	width: 30px;
	vertical-align: middle;
}


.wdform-calendar-button {
  display:inline-block;
	background: transparent url([SITE_ROOT]/components/com_formmaker/images/03/date.png) no-repeat;
	border: 0px;
	color: transparent;
	width: 22px;
	height: 22px;
	position: relative;
	left: -22px;
	vertical-align: top;
	outline: none;
}


.forlabs {
	float: right;
	margin-right: 20px;
}

.if-ie-div-label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}
.wdform-ch-rad-label {
	display: inline;
	margin-right:5px;
	float: left;
	color: #000;
	cursor: pointer
}
textarea {
	padding-top: 5px;
}
.wdform-date {
	display:inline-block;
	width: 105px
}
.wdform_footer {
	margin-top: 15px;
}
.page-numbers {
	vertical-align: middle;
}
.time_box {
	text-align: right;
	width: 30px;
	vertical-align: middle
}
.mini_label {
	font-size: 10px;
	font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif;
	color: #8A8A8A;
}
.wdform-label {
	border: none;
	color: #000;
	vertical-align: top;
	line-height: 17px;
}
.wdform_colon {
	color: #000
}
.wdform_separator {
	font-style: bold;
	vertical-align: middle;
	color: #000;
}
.wdform_line {
	color: #000
}
.wdform-required {
	border: none;
	color: red;
	vertical-align: top;
}
.captcha_img {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	border-radius: 0px;
}
.captcha_refresh {
	width: 30px;
	height: 30px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url([SITE_ROOT]/components/com_formmaker/images/refresh_black.png);
}
.captcha_input {
	height: 20px;
	border-width: 1px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.file_upload {
	border: 0px solid white;
	border-radius: 0px;
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: white;
}
.page_deactive {
color: #000;
background-color: #FFF;
cursor: pointer;
display: inline-block;
height: 29px;
text-align: center;
vertical-align: bottom;
padding: 5px 25px 0px 25px;
font-size: 20px;
font-weight:bold;
}
.page_active {
color: #FFF;
cursor: pointer;
background-color: #000;
display: inline-block;
vertical-align: bottom;
height: 29px;
text-align: center;
font-size: 20px;
padding: 5px 25px 0px 25px;
line-height: 26px;
font-weight:bold;
}
.page_percentage_active {
padding: 0px;
margin: 0px;
border-spacing: 0px;
height: 16px;
line-height: 16px;
font-size: 15px;
float: left;
text-align: right !important;
z-index: 1;
position: relative;
vertical-align: middle;
background: #000;
color: #fff;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.page_percentage_deactive {
height: 16px;
line-height: 16px;
background-color: #F1F1F1;
text-align: left !important;
margin-bottom: 1px;
border-radius: 5px;
}
.page_numbers {
	font-size: 14px;
	color: #000;
}
.phone_area_code {
	width: 50px;
}
.phone_number {
	width: 100px;
}
button {
	cursor: pointer;
}
.other_input {
	border-radius: 0px;
	border-width: 1px;
	height: 16px;
	font-size: 12px;
	padding: 1px;
	margin: 1px;
	margin-left: 25px;
	z-index: 100;
	position: absolute;
}
.wdform_page_navigation {
	text-align: right !important;
}

.wdform_percentage_text {
margin: 3px 5px 3px 9px;
color: #FFF;
font-size: 12px;
}
.wdform_percentage_title {
	color: #6E6E6E;
	font-style: italic;
	margin: 0px 0px 0px 40px;
	display: inline-block;
	line-height: 27px;
	height: 27px;
	vertical-align: middle;
}
.wdform_button button {
	background: #4D792C;
	cursor: pointer;
	font-size: 17px;
	border-radius: 0px;
	min-width: 80px;
	min-height: 31px;
	color: #fff;
	border: 2px solid #68943B;
	margin: 5px;
	box-shadow: 0px 0px 2px #c9c9c9;
	font-family: Segoe UI;
}

#26499

Please Log in or Create an account to join the conversation.

Support replied the topic: Where can i find form Maker CSS in Joomla and ...

Dear Julia,

Firstly, please be informed, that adding <br> in the language .ini file doesn't guarantee that working. As for your other requirements, could you please give us screenshot explaining what exactly needs to be changed? Descriptions you gave unfortunately are a bit uncertain, kindly please specify.

Also, if you can, please give us the link to your website.
Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#26522

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: Where can i find form Maker CSS in Joomla and ...

I send you an admin. A question about the date and time. The time is not showing.

Questions are still open

The date in year - month - date, but i want date - month - year, that how we do it in the Netherlands. I tryed to change it, but it did not work

Also can i put submissions off. So i only get mail in my e-mail account and not in my webspace

#26593

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: Where can i find form Maker CSS in Joomla and ...

also with the selection box. When i put : maak a keuze on empty it will not be saved. So it is required, but it will not work, because it will not be saved, when i click on it and save it.

Some of the items you cannot move up or down, like the section brake. The custom text, it fills not 100% out, so the other menu's are not aligned nice. But about the alignment i also mailed and the 100% width.

I cannot put an attachment in it forum. When i click on add fill, nothing appear.

Also with the page-brake The %. It will be nice, when people must fill the first page in and if the do that not correct they get a error code. And they only can go to page 2, when page one is filled in.

#26595

Please Log in or Create an account to join the conversation.

Support replied the topic: Where can i find form Maker CSS in Joomla and ...

Dear Julia,

Thank you for the details.
As you know, we have received your e-mails and will contact you further.
Thanks.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#26691

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

Hi,

Still no 100% width in the %. I still waiting for that. Also you change something on the website so a link will not work again. Postcode/ Woonplaats, i see this: %2 - Postcode/ Woonplaats:% but no field. So people cannot put something in it. I also cannot change the layout of that one.

I mailed about it, but know i do not get answers back about the width 100% in % you promised and other things. I put another google map in it, also responsive, that i can change.

Hope you can help soon

#27921

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

Please check your inbox (also the spam folder of it). We have e-mailed you a couple of days ago, mentioning that we're unable to log in to your website, to modify the form style as you need it. Please reopen the admin account, so we can help you out.
Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#27953

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

Hi

I have 2 websites. The first website you guys talked about the 100% width in % and that you change that. (it in in pixels know)

I want first the first website about photography be good, because those questions are also open for the second one. Send an new login in and pasword

Sona M answered me. So i do not understand why it has not be change yet. Only the google map was changed, but not pixels, that must be %. I only can get 100% width in % of the body.

I also send some photo's (has also been viewed by you guys) of the 100% width and Sona answered that the developers will make the changes. So i can send it again. the other website is my second one, and that is also changing from layout, so the old contact form does not exit anymore, so you contact form must work, so i can get online (in the search engages) It is to long to wait.

#27967

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

Thank you for clarifying this. We will contact you by e-mail and help you with the form responsiveness, which is the issue you're facing after making the form full width.

Thanks.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#28093

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

I send a mail a few days ago, but i do not get an answer. Did the plugin change jet, so THE fields are 100% width. Can you tell me how i can change iT Myself, if not. Know iT is not

I bought THE developer version. So i can use iT for many sites

Also some checkboxes, radiobuttons are bold and i do not want that. It must be the same weight as the others

#34329

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

Please note, that you need to set up field label and input width. After you do so, please use the following code to make your form responsive:

<style>
@media screen and (max-width: 925px) {
  .wdform-element-section {
      width: 100% !important;
  }
}
</style>

You can add it to your header file, or to custom header code editor.
Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#34423

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

for the field width if put the code in css of form maker it works, the other above code did not work, because on landscape tablet it was not responsive

.wdform-element-section {
width: 100% !important;
}

I must test it good.

The first one the radio boxes en checkboxes have a bold font

answer : .wdform-ch-rad-label {
color: #000;
cursor: pointer;
display: inline;
float: left;
margin-right: 5px;
font-weight: normal; /*i put this in*/
}

#34431

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

The question that is open:

The phone field is see this between the two boxes _, but i like it to be -, how can i change that

#34445

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

Could you please give us the link to your form? We'll provide you necessary CSS code to align phone field dash.
Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#34493

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

Hi already gave the links through the support=email and also a login

But i cannot send you a pb. Because i think is not possible here. Maybe you can pb me and i pb back.

#34701

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

We will check our inbox and respond to you as soon as possible.
Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#34731

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

Did you find the answer already. I looked at my website and it did not change jet

#35213

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

You have mentioned within your e-mail, that everything looks good, so we assumed the responsiveness problem is resolved. Here's what you wrote:

That is good. In the forum they told me how to do it

Regards Julia


We have provided you the code to fix responsiveness a few posts above in this topic. Do you still need help with it?
Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#35261

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

Yes. The phone box gives an underscore between the boxes. and not -.

box _ box bigger

That is not showing good. It is another website of my, that i made.

It is another problem, i have know

#35265

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

That was a different forum thread. However, could you please give us the link, where you have faced this issue? We will suggest a CSS solution as soon as possible.

Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#35283

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

Hi

i will send a mail again.

Regards Julia

#35293

Please Log in or Create an account to join the conversation.

Julia van Etten replied the topic: 100% width contactform and ...

The mail has been send

#35295

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

Thank you, we will respond to your e-mail very soon.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#35347

Please Log in or Create an account to join the conversation.

Support replied the topic: 100% width contactform and ...

Dear Julia,

The dash issue has been resolved by adding the following code to the theme of your forms:

.wdform_line {
    padding-bottom: 17px !important;
}

Thank you.

Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#35381
The following user(s) said Thank You: Julia van Etten

Please Log in or Create an account to join the conversation.

Time to create page: 0.349 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us