I have a simple dojo text box and a value picker. I want to disable this field for manual entry so that value picker should be used only.
Normally, I can disable the field with dojo attribute, but it greys out the field which is confusing for the user.
<xe:djTextBox id="dep" value="#{viewScope.Department}">
<xe:this.dojoAttributes>
<xp:dojoAttribute name="readonly" value="true"></xp:dojoAttribute>
</xe:this.dojoAttributes>
</xe:djTextBox>
<xe:valuePicker id="valuePicker1" for="dep" dialogTitle="Select the department">
<xe:this.dataProvider>
<xe:simpleValuePicker valueListSeparator=",">
<xe:this.valueList><![CDATA[#{javascript:#DbColumn("", "(ActiveDepartments)", 1)||""}]]></xe:this.valueList>
</xe:simpleValuePicker>
</xe:this.dataProvider>
</xe:valuePicker>
Any method to achieve this without clientside javascript tricks?
You can change the color of the text by overriding the following CSS:
.dijitTextBoxReadOnly, .dijitTextBoxDisabled {
color: gray;
}
You probably want to set color to black in order for the field not to look disabled :-)
Related
I want to use the color of the text text filed to display its current state, but v-text-field shows the color only if it is focused on.
Is there a way to show it permanently?
thanks in Advance.
I want it like this:
but it's like this:
I have tried using css, but it seems i can only change the label and input slot:
.edited >>> .v-text-field__slot input {
color: orange;
}
The line below is represented through a pseudo element on v-input__slot. You can target it with the :before selector.
.edited >>> .v-input__slot:before {
border-color: orange;
}
I want to change carousel-item.active display property block to flex.I change it in css but when I change slider it first gives display:block than make my cude run.display:flex,I want that bootstrap doesn't give display:block than display:flex.Give only display:flex
Set your CSS like this:
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: flex;
}
The carousel-item-next and carousel-item-prev classes are temporarily assigned to your slides during the transitions, so you have to make sure they have the same display property as the active slide.
If this isn't working, what version of Bootstrap are you using? I have tested it in a JSFiddle.
I have some radio buttons that need text descriptions for each choice so users know what they are choosing.
I would like to add an input field in the radio buttons options for each radio button option that can accept HTML. This then needs to be displayed within each radio list item. I've tried simply adding the details to a HTML area underneath, but this is not suitable for mobile screens as the details are independant from the radio choices and so do not appear under each radio when the screen is re-sized.
Have you considered including the description inside the Radio Button label? If you configure each choice label like so:
<div><span>First Choice</span><span>And this is the description.</div>
You could style it with the following CSS:
.ginput_container_radio input {
vertical-align: bottom;
}
.ginput_container_radio label span {
display: block;
}
.ginput_container_radio label span:nth-child(2) {
opacity: 0.6;
font-size: 0.9em;
}
And it'd look something like this:
here is my image of my gridpanel :
just look at the column curativeTask, here I modified the image plus "+" by css:
.curative-task >:first-child >.x-column-header-trigger{
display:block;
background-image: url('../../resources/images/icon_plus.gif');
}
It will be displayed even the user not passed the mouse over it by using "display:block",
Now my probleme is : if I want to clik on this icon I want to do other things but if I cliked on it it show me the menu like this :
In this case I want to elemenate to show this menu and do other things. I done menuDisable:true but the icon it won't be displayed even I made "display:block".
So how I Do this else where is others idea ?
http://i.stack.imgur.com/fRhy8.png
Thanks.
Is there a way to set the background colour of a div in blueprint?
I noticed that class=error will set the colour to pink (notify/success are similar):
<div class="error">
<p>whatever</p>
</div>
But I want to know if there is a way to set the div to some arbitrary color?
EDIT: I don't actually care about error/notify/success. I just want to be able to set the color of a div in a similar way that they do, but using a color of my choice.
Time to state the obvious - why can't you just override the div.error rule with your own?
div.error { background:black; color:#fff; } .. or are you not trying to break some sort of weird convention? If so you can use a different classname.
Just... define your own CSS class and set the background and/or (for font color) color properties to color values; then set a div to have that as one of its classes?
Yes, you can easily over-ride the CSS by specifying a rule for error in your main CSS file.
That should ideally over-ride the default colors. Else, just ensure that you use a higher specificity in your rule, something like: div.container div.error { color: red; }
You can set any color on this particular div by adding an id attribute:
<div class="error" id="myblueprint">
<p>whatever</p>
</div>
Then add in your CSS file:
#myblueprint { background:blue; }