CSS styling for individual fields
Posted by srallen4 - Oct 15 ’13 at 10:34
Looking throught your documentation, I was able to set the width off all fields using the following:
.fd_control input[type="text"] {width: 100px;}
However, some fields need to be different sizes depending of the content. I tried giving the field a CssClass and then using the CSS editor to set the class, but it is ignored in the browser.
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
Please, try to use !important directive in your CSS definition. Example: I set CssClass of my field in my-field and put the following CSS into CSS-editor of Forms Designer:
.my-field input[type="text"] {width: 200px !important; }
-
srallen4MemberMember for: 9 years 7 months 24 days
This did not work for all fields.
How do you target People Picker widths and textarea widths?
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
[#2]: Please, define CSS-class for them as in example above, my-field in my case. Place the following CSS-code into CSS-editor:
/* People picker */ .my-field .ms-usereditor { width: 200px !important; } /* Enhanced rich text */ .my-field .ms-rtefield { min-width: 200px !important; width: 200px !important; } /* Multiline plain text */ .my-field textarea { width: 200px; }
-
meirinhaMemberMember for: 9 years 4 months 22 days
Hello dimitri,
i'm tryng to define the width for 50px, with your code but the text field dont resize
Solutions?
-
meirinhaMemberMember for: 9 years 4 months 22 days
[#4]: Done, have a type error
-
craigwat11MemberMember for: 9 years 2 months 30 days
[#5]: Hi guys,
Is it possible to set a CSS for a text field to automatically convert text into Upper case?
Many thanks
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
[#6]: Sure, please, assign a CSS class to your field e.g. my-field and define it in CSS-editor following way:
.my-field input { text-transform: uppercase; }
-
peter0900MemberMember for: 6 months 29 days
An individual style can be applied to a single HTML element using inline CSS. The style attribute of an HTML element is used by inline CSS.
-
xfinityauthorizeMemberMember for: 3 months 15 days
Walmart is a huge retailer across the United States with a massive number of branches across the nation. Walmart offers gift cards to its specific customers. If you're one of those customers and would like to know you Walmart Balance on your Gift Card Balance you're at the right location.
walmart gift card balance | target gift card balance | home depot gift card balance | macy's gift card balance | target.com/check balance | target.com/checkbalance | paypal login | ledger.com/start | venmo login | Walmart gift card balance | amazon.com/redeem | vanilla gift card balance | vanilla gift card balance | vanilla gift card balance | vanilla gift card balance check | vanilla gift card balance | amazon.com/code | ledger.com/start | dunkin donuts gift card balance | amazon.com/redeem | Amazon.com/code | amazon.ca/redeem | amazon.co.uk/redeem | target.com/checkbalance | target gift card balance | Sephora gift card balance | target gift card balance | target.com/check balance | eBay Gift Card Balance | Target red card login | itunes gift card balance | ebay gift card balance | fandango gift card balance | best buy gift card balance | Nike gift card balance