Jump to content

Archived

This topic is now archived and is closed to further replies.

loiborg

DMS ignores textarea width/cols

Recommended Posts

loiborg    0
loiborg

It seems that DMS ignores the "cols" attribute that is connected to the textarea tag.

 

When I enter the some code in a TextBox section in DMS and the same code works fine on a blank .html-site (made in the FTP-client Flow), it doesn't affect the width (cols) of the textarea in DMS. No matter what value I set, it's full width and the button gets stuck on a new line.

 

Am I doing something wrong or is it just something DMS ignores?

 

The code on the site

[attachment=1443:form_site.png]

 

The code in Flow

[attachment=1444:form_flow.png]

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

What is that code, can you provide the code you have used and a link to your site please. Not sure what you mean by cols, DMS doesn't use anything called cols, that is most likely related to the Flow code ?

 

What I would do is use the PageLines grid to create two columns one for your text field and the other for you button for example.

 

<div class="row">

<div class="span10">

Enter your text field code here

</div>

<div class="span2">

Enter your button code here

</div>

</div>


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
loiborg    0
loiborg

Hi Danny - thanks for the reply.

 

Unfortunately I can't provide a link for the site as the part isn't live.

 

The code is in the images above, but I've pasted it below.

Submit your e-mail and you'll receive project updates when there's more to tell.<form name="input" action="html_form_action.asp" method="get"><textarea placeholder="your@e-mail.com" rows="1" cols="30"></textarea><button type="submit" class="btn btn-success"><i class="icon-thumbs-up-alt icon-white"></i> Keep me updated!</button></form>

As I wrote "cols" is an attritube connected to the textarea tag - http://www.w3schools.com/tags/tag_textarea.asp

 

I guess using the grid would work, but I'd like to control the width (the cols) as well - not just by giving it a specific span size.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Not sure to be honest, I rearely use cols.

 

However, you can try this:

<form name="input" action="html_form_action.asp" method="get" class="mytextform"><textarea placeholder="your@e-mail.com" rows="1" cols="30"></textarea><button type="submit" class="btn btn-success"><i class="icon-thumbs-up-alt icon-white"></i> Keep me updated!</button></form>

 

I added a class to the form, called mytextform

 

Then add the following CSS:

 

.mytextform textarea {
max-width: 80%;
margin: 0 5px 0 0;
}
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
loiborg    0
loiborg

The CSS tweak helped, thanks Danny!

 

It just seems weird that DMS/Wordpress ignores the cols tag as it's part of HTML5.

Share this post


Link to post
Share on other sites

  • Similar Content

    • thirdstonemedia
      By thirdstonemedia+
      I've been fighting with a resolution issue ? Want to use Flick Slider, the site looks great on my monitor but client says she can't see bottom of homes. I believe she's on an old PC using outdated browser/s ... but, she's important to me and I'd like to make this work, on her system. Without asking her adjust her own set-up. 
      I put the Flick Slider inside a container, here ::
      http://becauze.xyz/home-five
      Set the Height of Flick Slider to 50 Base ... I don't know how this works exactly ... there is a Base then a Min ... but, haven't adjusted the Min ::
      http://becauze.xyz/home-four/
      Tried using Splash Up, which presents the same issue (she can only see top of home) and she wants several images to rotate on Home page, so not sure this would work anyway ::
      http://becauze.xyz/
      I have tried going into Layout and making the width narrower, and that does make the site narrower, but the homes still don't display in full, on her system. Help ?

      Here are her screen grabs, both desktop and iPad  (dumped the chalkboard background).

      FInally, she said these look great ::
      http://www.sinclairaia.com/
      http://www.kristihanson.com/
      What am I doing wrong ?? Is there a better way to accomplish making the site look great on any resolution at any size ?
      Joanne
      (Longtime Pagelines-lover.)


    • wyo22ski
      By wyo22ski+
      Hello,
       
      I'm basically a designer and understand a little on how to change CSS, etc., so please excuse my ignorance...  I recently upgraded to the newest platform from the DMS and my old DMS theme no longer functions.  I'm trying to replace the image slider that my Horizon Photography Theme (Nick Haskins) had created.  The Impulse image slider seemed the closest to what I need, but there are problems.
      It seems the the Impulse section for sliding images defaults to the image width, no the height.  I can change the Impulse stage height and width, but this does nothing to the internal content.  For instance, if I change the height to 200 pixels, the image remains the full width and only shows a cropped section.  I would like the ability to change the Impulse height, and have the image height fit space. 
      I've put this custom CSS in, but again, this only controls the stage height of Impulse:
      .pl-sn-impulse .pl-impulse-cell .cell-wrap, .pl-impulse-container, .owl-stage-outer {
        width: 100%;
      }
       
      Any suggestions welcome.  Thanks 
    • dbrowne02
      By dbrowne02+
      Hi, I am trying to figure out how to create columns where the text flows into the next column, like the attached, and am flummoxed. Does anyone have any ideas? 

    • Queue-it
      By Queue-it+
      Hi,
      After the latest update of platform 5 and other Pl plugins the forms stopped working. Do you have an idea what could be the problem for that?
      https://www1.test.queue-it.com/pricing/
       
    • GreyFoxWebDesign
      By GreyFoxWebDesign+
      Hi, so I have an issue that seems specific to iPhones.
      I have 2 "Menus" in a container both set to 6 columns (see image A) - I have added the classes .menuleft and .menuright
      When this gets to 768px and the mobile menu kicks in, both sections revert to 12 columns (or 100% width) so the 2 menus are stacked on top of each other. I want them to remain inline so that they look like image B - so need to control the section width.
      I have added the following CSS:
      .menuleft[class*='pl-col-'] {
        max-width: 22%;
        margin-left: 3%;
        padding-right: 0em;
        padding-left: 0em;
        float: left !important;
      }
      .menuright[class*='pl-col-'] {
        max-width: 74%;
        margin-right: 1%;
        padding-right: 0em;
        padding-left: 0em;
        float: left !important;
      }
      This works well for Android phones, on all online emulators and in Chrome mobile inspector, but does not seem to work on iPhones. I don't have an iPhone so it's very hard to test. Any help would be appreciated. The site is currently live at quitegoodcards.com.
      PS Is there a way to target the li items in the mobile menu toggle (image C) that does not effect the desktop li? There doesn't seem to be a separate class to apply.
      Thanks in advance



×