On my webpage for a text box i have requiredfieldvalidator control which displays an error message when the textbox is empty. I can change the color using fore color property of the control dynamically on .cs page using
RequiredFieldValidator1.Style.Add("Color", "#0000FF");
how can i achieve the same using CSS i tried using
where
.ErrorMessage
{
color: #0000FF;
}
but i am still getting the font as red color and i cannot delete the forecolor property (cannot remove "red")
I cannot just put the color in the aspx page itself as this page is shared between different websites and has styles associated with it depening on the website displaying it.
Any help is appreciated.
You should be able to override it like this:
.validator {
color: pink !important;
}
Related
I am working on app in nativescript vue.js ad I'm having an alert box which I want to style the 'massage' propety for example to change the text color.
How can I do that?
here is code snippet
alert({
message: "alerts saeved",
okButtonText: "close"
});
thanks!
You can change the color of message by setting a color to Label in your CSS in your component
Label {
color: red; // this color should be applied to message in dialog
}
I want to set background color of whole app or a single background color
but what happened if i use div , different device take different height that's why bottom side not cover up and i am unable to set ion content background.
Add below code to your app.scss file :
html, body, ion-app, ion-content, ion-page, ion-view, .nav-decor {
background-color: #yourColor !important;
}
Bro u can use in this case i have a stylesheet global with primary color variable
I cannot change the grey text to yellow when a dropdown is clicked in a collapsed view. I have the example at http://www.bootply.com/zGzMrrmrWL
My code is all over the place because I have just been throwing things in to see if they work! I'm at that kind of desperation state! Can anybody show me what I haven't done? I simply want all the text to be yellow, whether it is in a dropdown or on the main menu
You need to have..
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color:#FFFF00; font-size: 18px;}
in your CSS overrides to the specificity of .dropdown-menu>li>a isn't enough to override Bootstrap's CSS that is changing the color to grey.
http://bootply.com/GKs5h2XiZc
I have created a nested list. When the text of the selected item is quite long than back button overlaps the toolbar title.
Is there any way to align toolbar text to right or set font size??
Any help is appreciated.
You can use only "Back" (or something else) for the back button. You just need to add this config in your nested list: useTitleAsBackText: false (It is true by default).
Else, you can reduce the font size for both button and toolbar title in your CSS file. Like this:
.my-nested-list .x-toolbar .x-button-label,
.my-nested-list .x-toolbar .x-title {
font-size: 13px;
}
I am using JSON to receive data and place it into List. There is a Label displaying the text that I am receiving from the JSON. In some of the cases there is a Link in the text. By default you can't click on the Link from the label. Is there a way to make the Link to be clickable?
Label {
text: "Click here to open browser and get redirected to www.stackoverflow.com";
}
The output is "Click here to open browser and get redirected to www.stackoverflow.com" but the Link to StackOverflow is not clickable.
Use TextArea instead of Label and set property editable to false, it would look same as Label.
Don't forget to set inputMode to either Text or Chat.
TextArea {
text: "http://www.google.com"
editable: false
inputMode: TextAreaInputMode.Text
}
You can actually use HTML in the label itself to style the text as a link, according to the Text Styles documentation. You need to be aware of a few quirks though if you are going to apply any of your own styles, as discussed on the Blackberry Developer support forums here. The example below should work, using the default style which will colour the link blue, with bold and underline:
Label {
text: "<html>Click here to open browser and get redirected to <a href='http://www.stackoverflow.com'>www.stackoverflow.com</a></html>"
}
Note: you may need to set multiline: true on the Label in order to see all of the text, depending on your layout.
You should assign Text.RichText value to "textFormat" property of the Label:
import QtQuick 1.1
Rectangle {
width: 360
height: 360
Text {
text: "Click here"
anchors.centerIn: parent
textFormat: Text.RichText
onLinkActivated: {
Qt.openUrlExternally(link)
}
}
}