›
Please disregard the 'View article...' shown at the bottom of many posts as this is the result of restoring old forum posts from a backup.

Forms driving me crazy

simesime
in General Support
I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

Which files control the actual display of the form?

Statistics: Posted by sime
Share on Twitter Share on Google+ Share on Facebook

Comments

  • dlefflerdleffler
    The 'classes' for the form enter data view is class="module forms edit enter-data" So if you create a theme style such as:


    Code:
    .forms.edit.enter-data {
    background : url(../images/form.png);
    }

    Statistics: Posted by dleffler
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    It still doesnt seem to work. The place I want to add the image is to the right of the form in all that white space as shown below:

    Capture.JPG

    Statistics: Posted by sime
    Share on Twitter Share on Google+ Share on Facebook
  • dlefflerdleffler
    Ok, try the following css style


    Code:
    .forms.enter-data .bodycopy{
    background-position:right center;
    background-repeat:no-repeat;
    background-image: url("path/to/the/file.gif");
    }

    Allowable entries for the background position are:
    left top
    left center
    left bottom
    right top
    right center
    right bottom
    center top
    center center
    center bottom

    Statistics: Posted by dleffler
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • chagriverchagriver
    This is great Dave, where are the tabs themselves for a form controlled? I'd like to basically have more control over the size of the type in the form display, as well as the leading between items. I'd also like to make the field entry box with less ht.

    Appreciate the help.


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • dlefflerdleffler
    Are you using a 'paged' wizard type form? If so are you referring to the 'wizard steps' above the form entry? And then the width of all the steps before they wrap or each 'step'?

    Is this with a 'bootstrap' based theme? Generally the height of an input is based on the font size/height and padding which (non-bootstrap) defaults to
    input, select {
    padding: 0.5em 0.6em;
    font-size: 0.9em;
    }
    If it is a 'bootstrap' based theme, it is more complicated since it is a base framework style., but the above should also work.


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
  • simesime
    I'm trying add a css background image to a form, on the right so that there isn't loads of white space. I managed it in 0.97 but no matter what I do I cannot get it to display!

    Which files control the actual display of the form?


    View article...
    Share on Twitter Share on Google+ Share on Facebook
Sign In or Register to comment.