Powered by Vanilla 1.1.8.
Hi,
thanks for a great product!
i am running into an issue with IE7, screenshot attached.
thanks,
Shay
same issue here
I can't seem to reproduce that problem. A couple of users noticed it before, but it has been fixed.
I attached an image of how my IE7 renders it. It would be useful if you could paste the contents of the .html file you are viewing (index.html or fauxform.html) or attach them here so I can take a look.
Thanks for the heads up.
<link href="css/uni-form.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/uni-form.jquery.js" type="text/javascript"></script>
<div id="shay" class=" uniForm ">
<fieldset class="inlineLabels">
<legend>Register new account</legend>
<div class="ctrlHolder">
<p class="formHint">
<strong><em>*</em> Indicates a required field</strong></p>
<label for="UserName">
<em>*</em> Userame:
</label>
<asp:TextBox ID="UserName" runat="server" CssClass="textInput"></asp:TextBox>
<%--<p class="formHint">
Your real name or your company’s name.
</p>--%>
</div>
<\fieldset>
<\div>
as you can see simple form layout following the example.
i added the follwoing to the CSS
.uniForm .inlineLabels .ctrlHolder
{
zoom:1;
}
which solved the problem, is that the correct fix?
btw i am running vista 64 bit , maybe that is why you dont see the issue on your OS
Shay Matasaro
i made small edits, to uni-form.css. nothing i feel should mess up layout. i will be looking into this also. and will post my fix if i figure it out.
Small side note it looks like the sections for textarea and selects render ok... its only the textInputs. I have diff'd the DL'd CSS with my own with no success. I have also done multiple mini deploys to use broswer checker to test changes in IE7 (im a mac user). heres the html thats broken... from( http://www.nutheory.com/contacts/new ).
<div class="contact_form">
<form action="/contacts" class="uniForm" id="contactForm" method="post"><div style="margin:0;padding:0"><input name="authenticity_token" type="hidden" value="baee09158bff8cdebe18a627902829832d18eb12" /></div>
<h1>Lets Start a Project - <span>Contact Me</span></h1>
<fieldset>
<div class="ctrlHolder">
<label for="name">Name <span class="req">Required</span></label>
<input class="textInput" id="name" minlength="2" name="contact[name]" size="30" type="text" />
</div>
<div class="ctrlHolder">
<label for="email">Email <span class="req">Required</span></label>
<input class="textInput" id="email" name="contact[email]" size="30" type="text" />
</div>
<div class="ctrlHolder">
<label for="phone_number">Phone Number</label>
<input class="textInput" id="contact_phone" name="contact[phone]" size="30" title="(###) ###-####" type="text" />
</div>
<div class="ctrlHolder">
<label for="project_type">Services</label>
<select id="contact_project_type" name="contact[project_type]"><option value="Development(Web)">Web Development</option>
<option value="Web Design">Web Design</option>
<option value="Usability">Usability Consulting</option>
<option value="Hosting">Hosting and Maintenance</option>
<option value="Graphic Design">Graphic Design</option></select>
</div>
<div class="ctrlHolder">
<label for="description">Project Description</label>
<textarea class="small_textbox" cols="40" id="contact_description" name="contact[description]" rows="20" title="Please include any other details"></textarea>
</div>
<div class="ctrlHolder">
<label for="timeline">Project Timeline</label>
<input class="textInput" id="contact_timeline" name="contact[timeline]" size="30" type="text" /> <p class="formHint">examples: 4 Weeks... 3 Months</p>
</div>
</fieldset>
<div class="buttonHolder">
<input class="primaryAction" id="contact_submit" name="commit" type="submit" value="Send" />
<a href="#" class="resetButton">Clear Form</a>
</div>
</form>
</div>
in the uniForm css very few lines are edited, mostly select boxes, formHints, and buttonHolders.... Please Help!!!
The following is the solution to the problem:
.uniForm .inlineLabels .ctrlHolder{zoom:1;}
And that should fix it, but the problem is that it should be included in the ie7.css file, and that file should be included in the of your documents through conditional comments.
Are you guys hooking the uni-form up to a database? What are you using to process the form information?
1 to 7 of 7