question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Styling doesn't work

See original GitHub issue

Version

  • tcomb-form-native v0.6.1
  • react-native v0.32.0

I have set borderRadius to my field but doesn’t wants to change, also added a background color but that one works. Do somebody knows what can be the issue?

textbox: {
    normal: {
      color: INPUT_COLOR,
      fontSize: FONT_SIZE,
      height: 36,
      padding: 7,
      borderRadius: 4,
      borderColor: BORDER_COLOR,
      borderWidth: 1,
      marginBottom: 5,
      backgroundColor: 'white'
    }

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6

github_iconTop GitHub Comments

2reactions
alvarombcommented, Nov 25, 2016

@vanng822 you can pass the stylesheet option per field:

options: {
  fields: {
    myField: {
      stylesheet: myStylesheet,
    }
  }
}
2reactions
wasa4587commented, Oct 25, 2016

Documentation is bad, you need to pass all stylesheets

This worked for me

import bootstrap from 'tcomb-form-native/lib/stylesheets/bootstrap.js';
var options = {
  stylesheet : bootstrap
}
override the specific stylesheet
options.stylesheet.textbox.normal = {
  color: '#fff',
  height: 36,
  padding: 7,
  borderRadius: 4,
  borderWidth: 0,
  marginBottom: 5
};
Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML "style" tag doesn't work - css - Stack Overflow
The best practice is to use styles and scripts in <head > tag as it'll be loaded before the page and you'll see...
Read more >
How to Troubleshoot CSS Not Working - WPForms
Have you added custom CSS for your forms, but not been able to see it come through? Here's how to troubleshoot when your...
Read more >
Help! My CSS Isn't Working! - meyerweb.com
Help! My CSS Isn't Working! · First, Be Sure You're Right · Too Many Spaces · Too Much HTML · External Problems ·...
Read more >
CSS styling for HTM table doesn't work
Hi All, I have an issue with the output of an HTML table in a Mail. The basis of the table is the...
Read more >
How to Fix CSS file is not Working with HTML in Chrome
Fix CSS file is not Working with HTML in Chrome | Problem Solved Show SupportBuy Me a COFFEE: https://buymeacoffee.com/Webjahin  ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found