Somehow I have messed up the breadcrumbs color and i can't figure out, how to change the color for the breadcrumbs. Every reference i can find is about how to navigate with them.
I believe they used to be brighter, but I can't figure out, how to change it. Even going back to default Theme and again moving to Darcula didn't change it.
It's under Settings > Editor > Colors & Fonts > HTML. Change the background colors for Tag tree (level x) to change the color both in the editor and the breadcrumbs. Level 1 is your current element, level 2 is the parent element. So in your example, html is level 6.
However, the colors do not look exactly as the colors you define. Use this example:
<div class="c6">
<div class="c5">
<div class="c4">
<div class="c3">
<div class="c2">
<div class="c1"></div>
</div>
</div>
</div>
</div>
</div>
and place your cursor within c1. It should look something like this:
My color for c1 is #FF0000, but it looks like violet in the editor and brown in the breadcrumbs. When you change the color and click Apply, both places will change the color though.
Try Preferences > Editor > Colors & Fonts > General. (I guess it's Settings > Editor > Colors & Fonts > General on Windows.)
Then in the right-hand side outline, Editor > Breadcrumbs.
Related
We are running Vue 2.x with vuetify and trying to figure out how to set some conditional, custom styling for unchecked checkboxes on a table for viewing/creating/updating user permissions. The roles are defined something like this:
Role A View and Role B Edit are being added. The gray boxes are permissions that have not changed. This is working as desired.
The issue is that I can't figure out how to assign color/style/class to the unchecked boxes so that we can mark revoked permissions with an empty red checkbox so that if manage were unchecked the last row would look like:
We are using but have also tried css overrides on . We have tried using css classes, :color, :fill, :style but nothing is working to get the box outline red.
This is what we currently have and is working for the checked boxes:
<template v-slot:item.view.id="{ item }">
<v-simple-checkbox
v-if="item.view.id"
v-model="item.view.active"
:disabled="!edit"
:color="getCheckboxColorForRole(item.view)"
#click="updateRolesRow(item, 'view')"
>
</v-simple-checkbox>
</template>
where getCheckboxColorForRole compares the initial vs current state and returns the appropriate color to display.
What am I missing here?
can you please provide some code? basically this is style binding
per #Anatoly I looked into the scoped css again and was able to get it to work. But then made it a global css rule so that I can use the scss var for the color and apply this on other pages. This is what I ended up with:
<template v-slot:item.view.id="{ item }">
<v-checkbox
v-if="item.view.id"
v-model="item.view.active"
:disabled="!edit"
:color="getCheckboxColorForRole(item.view)"
:class="[{'group-role-checkbox-original-checked': item.view.originalActive}]"
:ripple="false"
#click="updateRolesRow(item, 'view')"
>
</v-checkbox>
Had to switch it to <v-checkbox> since the simple checkbox wasn't allowing me to add classes. Then I checked/unchecked a few times and noticed that the only change is that the gray--text class is removed when unchecked. So then I added this css rule:
.group-role-checkbox-original-checked i:not(.gray--text) {
color: $anchor-color !important;
}
If anyone knows of a better way to do this I would love to know.
Is there way to change checkbox image in qweb report. For example i want to change standard "V" to image like this:
Is it possible?
Solution 0
Add the file to your module, for example store it in the path /module_name/static/src/img/image_name.png
Then now you can add the image to the Qweb Report:
<img t-att-src="'/module_name/static/src/img/image_name.png'" />
Note: respect the order and the type of the quotes
Solution 1
Maybe it is useful to create ul html list with all the elements you want to add:
<style>
.icon_list {
list-style-image: url('/module_name/static/src/img/image_name.png');
}
</style>
<!-- [...] -->
<ul class="icon_list" >
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
(I didn´t try it but it should work as well)
you can simply replace it with the standard Unicode character ☑ by a field that is checking the status
Please use "input type as checkbox". It worked for me.
<input type="checkbox" checked="checked"/>I agree that glasses are selected based on my indications
in odoo11
you can choose this class for checkbox
i class="fa fa-check which opening and closing tags This gives better checkbox than default in odoo
I got confused trying to create a hybrid between the 'List Slider' theme (which uses classes of "t" and "c" for title and caption), and the 'Slider-with-caption' example (which uses u="caption"). What's the difference? And how can I style the titles to appear over the slide and the caption alongside the thumbnails?
I surmise that u="caption" is for animating the caption, but I'm still stuck on how to integrate the two approaches. Simply replacing the div class="c" with the div u="c" busts the whole slider!
re: (which uses classes of "t" and "c" for title and caption)
it's not caption, it is custom thumbnail in html format,
<div u="thumb">
...
</div>
caption is another way to play text/image/content animation,
see slider with caption
Just create a ID or CLASS intiator after.
ex. div u="thumb" id="right" class="hand">
I have a Bootstrap 3 layout like this
<div class="row">
<div class="col-md-8"></div>
<div class="col-md-4"></div>
</div>
Normally this displays the first column as 66% and the second column as 33%
When I have no content for the second column, I want to be able to hide it and make the first column take up 100% width. I think it can be done with a mixins but while I'm trying to get that working, is there a better way?
If it's empty you can add the class .col-md-12 after col-md-8 and add class .hide to the col-md-4. I don't know how you're implementing your site. If it's a CMS, you can have a little checkbox to add these classes if col-md-4 == empty.
If you're hiding at different breakpoints, look at the responsive utilities section of the TWB docs.
gtk.Label(....) gives a label as a clickable link if the label-text is formatted as a link (text within a "a href-tag"). It is then automatically shown in blue and underlined. (How) can I change the style, e.g. remove the underlining and change the color?
Python 2.7.4, Windows7, gtk 2.24.10.
You can use a span tag to set text attribute.
Suppose label's text is:
GNU
now change it to:
<span foreground="blue" underline="none">GNU</span>
Here is the screenshot: