Thu Jul 24, 2014, 8:24 am
 Locked  Hot  13  4374
1 2
Showing 1 to 10 of 14 entries.
Sat Oct 6, 2012, 6:00 pm

Hi,
For some reason text fields in the new forms are being stretched out for the width of the sheet. Changing "field size" values doesn't change a thing.
How do I make this happen, please?

21 0
Wed Aug 25, 2010, 6:10 am
Sat Oct 6, 2012, 7:45 pm

Hi gorangrooves,

It's probably your template CSS conflicting with the ChronoForms CSS. Please post a link to the form so I can take a quick look.

Bob


ChronoForms technical support
If you'd like to buy me a coffee, thank you very much

Moderator
36691 38511
Tue May 29, 2007, 6:15 pm
Sun Oct 7, 2012, 4:44 am

Thank you. Here is the link:
http://gorangrooves.com/jupgrade/index.php?option=com_chronoforms&chronoform=drumtrackssubmit
Can you please take a quick look at the tooltips while you are there? Are they supposed to look that way? The ones I remember from previous forms were nice with rounded edges.
Thanks a lot!

21 0
Wed Aug 25, 2010, 6:10 am
Sun Oct 7, 2012, 7:58 am

Hi gornagroves,

Your template CSS is setting the width of inputs to 100%

Code: Select all
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
    color: #2D454D !important;
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    padding: 8px 0;
    width: 100%;
}

It looks as though you have now over-written the tooltip CSS?

Bob


ChronoForms technical support
If you'd like to buy me a coffee, thank you very much

Moderator
36691 38511
Tue May 29, 2007, 6:15 pm
Sun Oct 7, 2012, 5:33 pm

Thanks, Bob.
I'll look into those text fields and see how I can fix them.
Yes, I changed the tooltip output using an extra CSS code you suggested in another post. It helped but it is still nowhere as nice it is used to be. Those question marks look odd, the tooltip is totally square and kind of cold-looking...

21 0
Wed Aug 25, 2010, 6:10 am
Mon Oct 8, 2012, 5:35 am

Hi gorangrooves,

The tooltip styling appears to be a mixture of ChronoForms and template. It's not too difficult to over ride it with something like this though:

Code: Select all
div.tooltipimg a {
    background-image: url("/jupgrade/media/system/images/tooltip.png");
    background-repeat: no-repeat;
}
.tooltipbox div.tip {
    background-color: #EEEEEE;
    border: 1px solid silver;
    border-radius: 12px 12px 12px 12px;
    padding: 12px;
    width: 200px;
    font-family: verdana;
    font-size: 0.8em;
}

Note: This may need tweaking to work on a Load CSS action.

Bob

  • 08-10-2012 07-30-00.png
    08-10-2012 07-30-00.png (11.33 KiB) Viewed 3035 time(s).

ChronoForms technical support
If you'd like to buy me a coffee, thank you very much

Moderator
36691 38511
Tue May 29, 2007, 6:15 pm
Mon Oct 8, 2012, 4:56 pm

Bob, you are the man! Thank you so much. That looks awesome.
I just need to get rid of that question mark that is still in there. How easy is it to do that?
Thanks heaps. I'll be in touch soon.
Goran

21 0
Wed Aug 25, 2010, 6:10 am
Mon Oct 8, 2012, 5:16 pm

Hi Goran,

See this StackOverflow post for a way to hide the text 'i' without having to hack the code.

Bob


ChronoForms technical support
If you'd like to buy me a coffee, thank you very much

Moderator
36691 38511
Tue May 29, 2007, 6:15 pm
Mon Oct 8, 2012, 5:24 pm

Thank you! I will check that out.

21 0
Wed Aug 25, 2010, 6:10 am
Mon May 6, 2013, 7:27 am

Hi,
I have he same problem with text boxes running to the edge of the page here;
http://www.nicolaschance.com/contact
Is there an easy way to fix it within ChronoForms?
Thanks,
Nick

11 0
Mon Nov 22, 2010, 3:00 am
Showing 1 to 10 of 14 entries.

Powered by ChronoForums - ChronoEngine.com

ChronoForms Book

The ChronoForms Book, written for ChronoForms v3 contains 350 pages of invaluable ChronoForms How-tos hints and tips.

Note: many of the ideas can be used in ChronoForms v4 but the admin interface is very different and code examples may need to be modified.

SSL

Members Login

 

2CheckOut.com Inc. (Ohio, USA) is an authorized retailer for
goods and services provided by ChronoEngine.com