CSS styling for individual fields

Posted by srallen4 - Oct 15 ’13 at 10:34

• 

  Dmitry Kozlov

  Admin

  Member for: 9 years 8 months 16 days
  #1 by Dmitry Kozlov Oct 16 ’13 at 03:13

  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; }
  

  link flag
• srallen4

  Member

  Member for: 9 years 7 months 24 days
  #2 by srallen4 Oct 29 ’13 at 08:51

  This did not work for all fields.

   

  How do you target People Picker widths and textarea widths?

  link flag
• 

  Dmitry Kozlov

  Admin

  Member for: 9 years 8 months 16 days
  #3 by Dmitry Kozlov Oct 30 ’13 at 04:37

  [#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;
  }
  

  link flag
• meirinha

  Member

  Member for: 9 years 4 months 22 days
  #4 by meirinha Feb 6 ’14 at 09:53

  Hello dimitri,

  i'm tryng to define the width for 50px, with your code but the text field dont resize

  Solutions?

  link flag
• meirinha

  Member

  Member for: 9 years 4 months 22 days
  #5 by meirinha Feb 6 ’14 at 10:07

  [#4]: Done, have a type error

  link flag
• craigwat11

  Member

  Member for: 9 years 2 months 30 days
  #6 by craigwat11 May 13 ’14 at 11:17

  [#5]: Hi guys,

  Is it possible to set a CSS for a text field to automatically convert text into Upper case?

  Many thanks

  link flag
• 

  Dmitry Kozlov

  Admin

  Member for: 9 years 8 months 16 days
  #7 by Dmitry Kozlov May 14 ’14 at 04:44

  [#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;
  }
  

  link flag
• peter0900

  Member

  Member for: 6 months 29 days
  #8 by peter0900 Mar 22 ’23 at 08:00

  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.

  Top Soccer Academy in USA

  link flag
• xfinityauthorize

  Member

  Member for: 3 months 15 days
  #9 by xfinityauthorize Mar 25 ’23 at 07:11

  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

  link flag

Show more messages