Textboxes in Contact section of ResponsiveCenter01

Printed From: openElement Website
Category:

openElement

Forum Name: Templates
Forum Description: Questions about templates? Sharing a custom template? Post here.
URL: https://forums.openelement.uk/en/forum_posts.asp?TID=1222
Printed Date: Apr 20 2024 at 3:07am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Textboxes in Contact section of ResponsiveCenter01

Posted By: whoit
Subject: Textboxes in Contact section of ResponsiveCenter01
Date Posted: Sep 18 2017 at 7:47pm

I'm using the ResponsiveCenter01 template and have some issues with the Contact section text boxes.

First - I want the 'Comments' box to be a set height and not resizeable.

Under 'properties' I set 'resizing' to 'width only'. This looks correct at first, however

after publishing the website I have found that the box returns to resizeable after entering

some text and then hitting 'enter' (see yellow highlighted are below).

How do I always prevent the box from being resizeable?

Second - after sending, I noticed that the first text box for Name will shift slightly if you double-click inside it. How do I prevent this?

Third - if text is entered into the text boxes via keyboard, the backgrounds remain white.

However, if you click in a box and then select previously entered text from the browser drop-down, the box turns yellow. (This may be a function of my browser Chrome)

Thanks.

Replies:

Posted By: Dmit OE
Date Posted: Sep 19 2017 at 8:43am

Hi.

1) If you want to fix the height you shoudl choose "Width and Height" in "Resizing", then modify the Height property to set it in pixels or em, ex. "5em" to represent 5 times the font size for this element.

2) I need the link to the page online to see why

3) Yellow background is added by Chrome to indicate auto-filled fields, for example when you enter your email address Chrome tries to fill the rest automatically; unless it is somehow different in your case (again, I need the link and how to reproduce)

Posted By: whoit
Date Posted: Sep 19 2017 at 1:55pm

Hi -

1) I've tried setting the height to specific pixel amount, but as soon as text is entered, the box changes

to allow resizing.

2) www.coastallogic.com

3) That's what I thought.

Thanks...

Posted By: Dmit OE
Date Posted: Sep 19 2017 at 8:55pm

Rather nice style, I like.

Please remove the right-click block, at least for now (it won't prevent more or less experienced users from stealing anything from your site) as it hinders the analysis greatly.

Also make sure that you publish with the fixed height in pixels set for the element, to see why it does not work.

Posted By: whoit
Date Posted: Sep 19 2017 at 9:00pm

Thank You! (Art classes did not go to waste!)

Done and done....

Posted By: Dmit OE
Date Posted: Sep 20 2017 at 9:45am

According to what I see in Chrome's Instect Element, the height of the multiline field is still set to "auto" in OE. Select the element (ID WE3014391db2), go to Styles->Customize, find Height, and type 100px inside.

Posted By: whoit
Date Posted: Sep 20 2017 at 1:51pm

I've made the changes and uploaded them, but the box is still resizable....

It seems that it does not matter if I use Height = Auto, or XXpx, etc. - it is never a fixed height.

Posted By: Dmit OE
Date Posted: Sep 21 2017 at 7:52am

No I think it became fixed, and I see your 65px in Inspect Element. Use Ctrl+F5 in the browser to reset the cache.

Posted By: whoit
Date Posted: Sep 21 2017 at 1:30pm

Yes, it is 65px, but the resizing ability is still a problem.

I've tried it two browsers - Chrome and Firefox

No matter what I do, the box is resizable which I do not want...

Posted By: Dmit OE
Date Posted: Sep 21 2017 at 4:59pm

Ah you mean the box can be resized by user (with mouse, bottom-right corner)?

Posted By: Dmit OE
Date Posted: Sep 21 2017 at 5:00pm

If that's the case, add a Code Block (Source) type CSS:

textarea {
    resize: none;
}

Posted By: whoit
Date Posted: Sep 21 2017 at 5:25pm

That did it!

Thank You.

FYI - I added the code block to 'StartBody' - I assume this is

not a problem location?

Posted By: Dmit OE
Date Posted: Sep 22 2017 at 7:29am

It is the only problematic location actually. the best one is Header.

Posted By: Dmit OE
Date Posted: Sep 22 2017 at 7:29am

In fact no, StatBody is more or less Ok though not formally well. StartDocument is NOT ok.

Posted By: whoit
Date Posted: Sep 22 2017 at 1:58pm

OK, I moved it to Header.

Thanks again for your help!