Hi,
I've created a view and exposed some filters for users to input data. When the form is displayed on the view it stretches outside the boundaries of the page unlike the other tables provided by views. I'm not sure where the form css is coming from in style.css.

I've attached a picture of what I'm describing.

Thanks for your help.
Lsabug

CommentFileSizeAuthor
#1 views-form-breaks-sky.GIF4.38 KBlias
views-form-breaks-sky.GIF2.39 KBlias

Comments

lias’s picture

lias commented
StatusFileSize
new views-form-breaks-sky.GIF4.38 KB

Oops, posted wrong image. Here it is again : )

I'm also wondering if this is a views theme issue because in the code it says the form id="views-filters"?

Thanks!

lias’s picture

lias commented

Okay, I ended up adding width to the following css styles:

.form-item input,.form-item textarea{
width: 75%;
}
thead th {
width: 20%;
}

Unfortunately, what's happening is that it's affecting all my forms -bwaa : (
I am using firebug but I don't know how to specify the one views form.

jacine’s picture

jacine
she/her
Location New York
commented

Hi,

I'm not sure that this has to do with the theme. I guess it's possible, but I doubt it because there aren't any width controls being applied within the theme's CSS for the form elements.

You can target just this area pretty easily though by adding using the ID. For example:

#views-filters .form-item input { 
  your css
}

:)

lias’s picture

lias commented

Thank you

jacine’s picture

jacine
she/her
Location New York
commented
Status: Active » Closed (fixed)

anytime :)