2,659 questions
1
vote
1
answer
59
views
How do I make a matplotlib bar graph scale with the amount of items?
I am working on a small project and it is my first time using matplotlib, and I am struggling with how to make my bar graph look better with more inputs. The whole idea of the program is to read text ...
- 35
2
votes
1
answer
71
views
CSS Lists in a specific format
I am wondering if you could automatically create a list in the following format:
A.
I.
1.
a)
aa)
(1)
(a)
(aa)
etc. etc.
Could anyone help me accomplish this?
I am asking for my Anki-template
I ...
- 11
0
votes
0
answers
59
views
How to change the sizing or the layout of the label lightning-accordion-section so that it wouldn't overlap with the buttons in the action slot?
I have an issue with the lightning-accordion-section styling where it overlaps with the action buttons:
screenshot here
Here is my code:
<lightning-accordion allow-multiple-sections-open>
&...
1
vote
0
answers
49
views
Modfiy the text color of the picker items on Android
Is there an easier way to change the text color of the items in a Picker on Android other than implementing your own AlertDialog or custom MAUI picker? I'm talking about the picker and no other ...
- 20.3k
1
vote
1
answer
48
views
Why isn't my React Native view moving down?
I'm trying to move this view, which is currently at the top and blue, down. I've tried everything I can think of, but it hasn't moved and remains at the top.enter image description here
As you can see ...
- 11
-2
votes
2
answers
103
views
I can't get the color styling to work on my embedded icon in HTML. It's a hamburger style menu bar for responsive top nav [closed]
I'm introducing a responsive navbar to my site so the menu turns into a hamburger style menu that only appears when the screen size is less that 600 pixels wide.
I have the icon (embedded from font ...
- 7
1
vote
0
answers
75
views
How to style background color and border line for the selected bar in React ApexCharts like this?
I'm using react-apexcharts to create a bar chart, and I want to customize the appearance of a selected bar when clicked.
designer want this.
I know that setting the states.active.filter to none ...
- 11
1
vote
0
answers
118
views
Any workaround for broken SystemColors from Win10 onwards?
I want to use one of the system colors in XAML.
It used to be possible to do this:
<Setter Property="Foreground"
Value="{DynamicResource {x:Static SystemColors....
- 63k
2
votes
3
answers
132
views
Why are the button sizes on the iOS simulator so huge, but correctly sized on Windows and Android? - .NET MAUI
Im developing an app and testing on iOS, Windows and Android.
Windows is fine, Android too, but the iOS simulator is throwing up some strange behaviour in terms of button sizing? Malformed I suppose?
...
- 33
1
vote
1
answer
368
views
Avalonia UI use Button.myclass:pointerover to override Button:pointerover
I managed to override properties of a button class using styles:
<Style Selector="Button.icononly">
<Setter Property="Background" Value="Yellow"/>
</...
0
votes
1
answer
67
views
How to position image in ImageBackground component?
I just want to place this image to the top of the screen with ImageBackground component of React-Native, using this background image resizeMode='contain' (NOT cover) since the image is fit to ...
- 139
0
votes
1
answer
74
views
How to remove striping from JS Datatables after applying custom styling
To remove striping on Datatables you add:
stripeClasses:[]
But I have the following styling added to change background cell color depending on the value of the cell:
var table = $('#...
- 23
0
votes
0
answers
99
views
Nativewind did'nt take effect on Image and ImageBackground component
I am working on a react native expo project, I used Nativewind for styling, while it works on text and view, it didn't work with Image or ImageBackground component. Has anyone experience this?
I am ...
- 182
1
vote
1
answer
1k
views
How to style "Namespace" in a "Class Diagram" in Mermaid?
In Mermaid, we can define a class such as EnumMap to be an object in our Class Diagram.
class EnumMap { }
We can style that object by using style command.
style EnumMap color : SeaGreen
Furthermore, ...
- 347k
-1
votes
1
answer
43
views
Sticky button stickied left taking up whole width?
Hello I have a button that is stickied to the bottom left but taking up whole space for some reason. Commenting display: flex and flex-direction: column in .todo-list does not allow the plus button to ...
- 440
0
votes
1
answer
1k
views
how do i add background image to my angular 18 project?
I'm working on an Angular 18 project, and I need to set a background image for my application. However, I'm not sure how to properly reference and display the image in the app. I've tried a few ...
1
vote
1
answer
101
views
Style MUI date time picker popper dialog background
I am trying to change the color of the background of the MUI date time picker's popper for desktop and mobile :
I want to change the black / grey background to lightgreen
I have tried to use 'popper', ...
- 11
1
vote
2
answers
2k
views
How to Create an Inner Shadow Effect Similar to box-shadow: inset in React Native?
I'm new to React Native and using Expo to build a mobile app. I'm trying to create a design with an inner background shadow effect that makes it appear curved, similar to how I'd achieve it on the web ...
- 79
0
votes
2
answers
946
views
apply custom styling to FluentUI Accordion components (Blazor .NET 8)
I am struggling to figure out how to apply custom styling to elements of the FluentUI Accordion. As an example, I'd like to change the background color of the accordion "heading" element.
...
- 3
1
vote
1
answer
88
views
How do I propagate a MUI theme from my App to a 3rd party library of customized MUI components?
I'm creating a library of customized MUI components that will be reused by more than one app. I want the library of components to reflect the theme that is applied to the App consuming the library.
...
- 11
0
votes
1
answer
153
views
Splitting one long page into multiple pages
I am working on documents that can be many pages long with many different formatting variables.
Most of the work is done in deeply nested OL tags and tables.
Some of the ol tags use classes to split ...
0
votes
2
answers
130
views
Blazor css multiple styling for same element type
I need to implement different styles for one type of element in my project's page. But I am not able to have more than one fully functional styling.
In this example I have my PartPage.razor with its ...
- 11
0
votes
1
answer
152
views
Custom chakra UI stepper steps not evenly spaced
That is what it currently looks like, I want the steps to be evenly spaced. Using flexbox seems not to apply changes for some reason. Documentation & AI hasn't helped either.
Theme file in ...
- 47
2
votes
1
answer
92
views
Styling MudDrop ItemRender
I have this component. When code is commented, ItemRenderer (MudPaper) takes 100% width of parent (MudDropZone). But when I uncomment code and add showing description on hover, it stops to fill 100% ...
- 65
-3
votes
1
answer
69
views
CSS Styling Without Using z-index, Absolute and Relative Positioning [closed]
I want to style a web page like thisWhat I Would Like To Do
All I could think of is z-indexing, absolute and relative positioning. So this is what I did:
I first tried doing a table but the background ...
2
votes
2
answers
144
views
How do I make cards inside a container blurred but not the first card inside of the container?
So to breakdown what I am trying to achieve:
I want all the cards inside of a container to be blurred besides the very first card, until you actually hover on the next card in the container to which ...
0
votes
1
answer
42
views
CSS Sibling Combinator Not Showing Label on Checkbox Check Within <details> Element [duplicate]
The timer label doesn't show up after I checked the countdown, here's the HTML structure and the CSS:
details {
display: flex;
/* Use flexbox layout */
flex-direction: column;
/* Stack ...
- 25
0
votes
3
answers
107
views
how to fix the alignment of the comment's Text?
I want to put the comment's text underneath the user image like this layout:
What should I do to get the required output like the image?
the comment's text should start underneath the user image , my ...
- 11
0
votes
1
answer
46
views
Image overlap not consistent with different resolutions
I understand what my issue is, I am just not entirely sure how to remedy it.
My desired look is the first picture, it looks this way with a 375 x 667 screen size. When changing to any other resolution ...
- 25
-1
votes
3
answers
83
views
Display styling won't change
const hamburgerMenuBtn = document.getElementById("hamburger-menu-button");
hamburgerMenuBtn.addEventListener("click", function() {
hamburgerPopupToggle()
});
function hamburgerPopupToggle() {
...
0
votes
1
answer
177
views
tkcalendar: date entry field colour
When loading my tkinter, the background of the DateEntry box remains white. I have attempted all kinds of styling but still no luck.
# Create a custom style for DateEntry
style = ttk.Style(root)
...
1
vote
1
answer
196
views
WPF WindowChrome Performance/artefacts
I am using WindowChrome within my WPF application so that I can customise the look of the caption bar.
However, I am noticing some issues.
Performance of the application seems to be reduced. When ...
- 165
0
votes
1
answer
40
views
Text overflow ellipses are not showing, instead text just hidden
I am trying to add tabs to an app. The tabs get smaller the more I add, how the tab text is just hidden instead of showing ellipses. Can anyone help?
enter image description here
enter image ...
0
votes
2
answers
402
views
How can I make my Debug build throw XamlParseExceptions just like Release builds in .NET Maui for invalid XAML?
I have the following XAML file which intentionally references an invalid StaticResource style for the label:
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns=&...
- 4,917
0
votes
1
answer
471
views
Change header names after applying styles in Pandas data frame
When you prepare a dataframe for display the order usually is:
Manipulate and select data (rows and columns)
Apply styles using the .style feature
Display
But often tables columns have programming ...
0
votes
3
answers
90
views
How do I set my flex correctly on this sign up page
I am currently working on project #6 of the Odin Project and having some minor problems. I am trying to get my project as close to https://cdn.statically.io/gh/TheOdinProject/curriculum/...
0
votes
1
answer
387
views
Can't get the pandas style.hide() method to work properly
I want to be able to hide certain rows/columns from my styled Dataframe post-styling.
This is how my dataframe/style object currently looks, and is produced by the below code
data = {
'site': ['...
-1
votes
1
answer
34
views
Nested navigation items that need to be displayed on desktop next to each other equally sized
I have a weird case of a deeply nested navigation items, that each level(goes up to 3) need to be displayed into equal boxes next to each other, as if they were not nested visually.
The structure ...
- 414
0
votes
1
answer
30
views
Margin pushing sidebar out of the screen
I want to sidenavigation to have margin al around but when i do this the sidebar goes out of the screen at the bottom.
import React from "react";
import { MdOutlineDateRange } from "...
0
votes
1
answer
50
views
Svelte/TS applying styles through a foreach loop doesn't modify the styling
I've been trying to create a cool "bubble" effect on a website of my, but I cannot get the styling to change in a foreach loop.
There are no errors in the console, so I'm not sure what I ...
- 35
0
votes
3
answers
112
views
tailwind using in-between classes
When using tailwind (example, setting height as per documentation here - DOCS),
we have predefined values as such
h-40 height: 10rem; /* 160px */
h-44 height: 11rem; /* 176px */
but the in ...
- 4,912
0
votes
0
answers
80
views
WPF, external styling An error occurred while finding the resource dictionary ""
I have a WPF application where I obtain styling from an external project. The entire project works, but I keep encountering an error in the line of code:
Source="{x:Static local:StyleManager....
- 25
2
votes
0
answers
288
views
Unable to style the track for @ptomasroos/react-native-multi-slider
I am trying to change the color of the two thumbed Multislider but to not avail. It is stuck at the default color of blue.
I have tried backgroundColor = '#008080',the desired color, but nothing ...
- 21
0
votes
2
answers
461
views
Change styling navbar from PrimeReact
I want to change the background color of the navbar that was created using PrimeReact. But I do not know where do I put the CSS styling. I try many time but none of them work. I only want to change ...
- 1
0
votes
2
answers
40
views
Why there is a horizontal scroll on mobile
If you shorten the width of the window or check on mobile, there is a horizontal scroll, breaking the layout.
Live Link
I believe most probably navigation is causing this, but no clue how. Tried ...
0
votes
1
answer
570
views
How I make a button change color when I press in React Native?
My button does not change color. Here s my code:
import React from 'react';
import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
const MyButton = () => {
const [isPressed, ...
- 159
0
votes
2
answers
78
views
Tailwind BreakPoints Not
I am build a simple div on that i want px-5 for mobile screen and px-20 for larger screen but only px-5 is working px-20 not working on large screen why?
Code Output Image
<div class="bg-...
0
votes
1
answer
583
views
Rider auto collapse doc comments by default when open file
I'm working on a project in Rider and whenever I open any file, it contains document comments. By default, these comments are expanded, but I prefer to have them collapsed automatically when I open a ...
- 3
0
votes
1
answer
375
views
CSS backdrop-filter: blur() for anchor tag is not working in chrome browser
The anchor tag is shown as a button with a transparent background and white borders. I am using the .class for styling. The backdrop property works in the Firefox browser but not in Chrome, I've also ...
0
votes
1
answer
30
views
Aligning divider element centrally with the repeated elements around it
I need to create a section like this:
Here's what I have already tried:
.container {
display: flex;
justify-content: space-between;
}
.content {
display: flex;
flex-direction: column;
...
- 13