I want to change the css design of bootstrap's <Form.Control> component, but I couldn't do it even though I used the css module. I found bsPrefix related to this. I couldn't quite understand when I reviewed the document, can you help?
My code;
enter image description here
*When I use bsPrefix the code works but I don't understand how it works.
thank you very much in advance :)
Related
I want to add a custom css style and set my component to having this style but then I can't make it work. I tried to copy how the Jcr browser app do the custom CSS style by having a css in folder VAADIN but that one doesnt work. I also tried the App Theme but also doesn't work. I don't know what configuration I am missing. I can't seem to find a clear documentation on how to have a custom CSS for my APP.
What I just want to do is to customize my main app to display a text with a style that I can configure in a css file.
Anyone can help me with this? Thanks!
[UPDATE]
I still can't make this work. But I can see that there's "app-orange" appeared in my div just like what the docs said. I just really don't know what I'm missing here, how come the CSS still doesn't work. :(
Hope someone can help me with this. Thanks!!!!
This was asked in our community forums and answered in depth as well.
https://forums.magnolia-cms.com/forum/thread.html?threadId=4d78fdd4-ad02-4b55-b1f2-ef947a888fcb
I believe that answer should be sufficient in this case.
Cheers,
I'm able to make this work by adding #StyleSheet({"vaadin://themes/orange/styles.css"}) in my java code. By adding this, the styles.css is being recognized by Magnolia and all the styles there is reflected in my app. :)
I was surfing on the internet and I found a cool navigation that I want to use on my own website. But I really don't know how I can make it. Here is the link: http://www.welikesmall.com Does someone have a tutorial or someone that want to help me?
Already thanks!
This isn't a place to have people write code for you. I just looked at the site, all the source is readable and formatted very nicely. I would recommend learning the basics of CSS and javascript to get a better idea of how to do what it is you want.
I know this has been asked before, but I can't find any thread that can exactly help me. I'm a bit of a noob, but I know my way around. Here's what I have so far:
HTML File
https://dl.dropbox.com/u/9757676/Website%20Stuff/Website.html
Javascript file:
https://dl.dropbox.com/u/9757676/Website%20Stuff/script.js
(it wouldnt let me post the code)
is there an easier way to do this, perhaps put all the images into an array? and I also need help making a next and back button, perhaps one problem can solve the other
Check jQuery tools: http://jquerytools.org/demos/tabs/slideshow.html.
It has lots of good plugins that could possibly help you.
I'd like to use tooltips with the same design as the error/validation tooltips (rounded box with a tip pointing to the mouse's position).
Given the name "error/validation tooltips", it bothers me to use them as normal tooltips.I haven't found people having the same "principles" issue as myself..
So, is it that bad to use the error/validation tooltips as normal tooltips? And, if yes, what would be the easiest way to re-use its design without rewriting much code?
Hope it's clear enough :) And that you will be able to enlighten me somehow in this matter :)
Regards.
BS_C3
Good or Bad is subjective based on what you're trying to do and the design of your app. There is never a right a wrong answer to stuff like that.
To reuse that design, you have two options that I see.
The first is to set the styleName of your toolTip component to errorTip.
The second is open up the default.css in the Flex Framework directory and copy and paste the CSS for the errorTip into your own CSS file that you then use in your application.
These docs will be good reading on this issue.
I am currently using the jQuery autocomplete feature. Functionality wise, it works awesome!
But in terms of styling (in addition to theme roller), I would really like to see something like
http://loopj.com/jquery-tokeninput/ and
http://www.emposha.com/demo/fcbkcomplete/
I am still reading the codes in these plugin, so that I can achieve similar look/behavior. Ideally, I would rather stick with jQuery UI library than switching over to other plugin. How would one go about making this happen?
EVERYTHING in Jquery is style-able via CSS. If you want to achieve a different look, simply build CSS that will override the default styles. If there's a specific style you're trying to achieve, I'm sure quite a few of us would be happy to help with ideas to make them happen.
BTW, the emposa.com site link you provided is completely dead. I'm hoping you're not trying to achieve THAT style....