Questions tagged [styles]

DO NOT USE THIS TAG. This tag does not currently have a single, well-defined meaning. It is often used in place of, or in conjunction with, [css]. It is also used on questions about the appearance of user interfaces and questions about source code formatting.

Filter by
Sorted by
Tagged with
-1 votes
1 answer
28 views

Is this the right way to use CSS for React App? [closed]

I am a Korean, so I am writing this article through translation. Please understand if the sentences are awkward. I am making a web app using Nextjs. I have a lot of concerns while doing CSS. I would ...
Baboyiban's user avatar
-1 votes
0 answers
19 views

Style Property displaying in overlay in VS CODE [closed]

If i hover the style Name text in vs code it displays the complete style property.. how to turn off. i can use "editor.hover.enabled": false, but it is completely disabling the hover. I ...
Naveen Prasanth K's user avatar
-1 votes
0 answers
210 views

Uncaught TypeError: Cannot read properties of undefined (reading 'refs') on change textfield material ui

I am beginner in material UI and have this issue: Uncaught TypeError: Cannot read properties of undefined (reading 'refs') at detach (makeStyles.js:134:1) The issue occurs when I enter something ...
aldm's user avatar
  • 361
0 votes
2 answers
73 views

How can I align the circle and arrow to the center of the border in css?

If I click the "hit" button, the arrow should be moved to touch the circle, and change the color of the circle. Here I want to align the circle on the left side and center, and the arrow ...
user avatar
0 votes
1 answer
30 views

Vertical Product view

On my web page, Currently, Item Products are listed row by row vertically. I want to show them vertically with a scrollable. How can I change this to horizontally? div class="row"> <...
Dev Beginner 's user avatar
0 votes
0 answers
37 views

The attribute 'amp-boilerplate' may not appear in tag 'style amp-custom'

Running into a failure when testing with the AMP Gmail Playground (https://amp.gmail.dev/playground/): The attribute 'amp-boilerplate' may not appear in tag 'style amp-custom'. However, the amp-...
Brandon Phan's user avatar
0 votes
1 answer
49 views

Selenium web driver if style height 0

I am trying to have a selenium webdriver script do something if the height of a style is 0. I am able to print it using the element.value_of_css_property command but I want to use it as an if ...
Jake Fink's user avatar
0 votes
0 answers
48 views

innershadow in react native : style correct on iOs but wrong on Android, why?

I'm trying to achieve a style on my react Native App and it work's well on iOs but completely miss it on android. Here is the screen of the results : On ios : On Android : (don't mind the icon which ...
Robin Rousset's user avatar
1 vote
1 answer
434 views

Style target behaviors MAUI

I want to create styled editor for my current page. I use it few times so i decide to wrote style for this element and wondering how to use Behaviors inside style. If i do this like regular way, ...
Death_Dealer's user avatar
0 votes
1 answer
205 views

How do i add a Style color on a RadzenLabel using C#?

I am displaying a poor to excellent rating and id like to color code each. I can't figure out how to use the color #203b86. I also have this in my code displaying the colors on a grid object somewhere ...
Mariah Thomas's user avatar
0 votes
1 answer
38 views

Extract style block from submited html page content with Html Purifier

How to extract block style such <style></style> with html purifier. I try with below code to extract style form html content. but i cant; $config = \HTMLPurifier_Config::createDefault(); $...
Saeid Dadkhah's user avatar
0 votes
1 answer
70 views

How can add style lumo default to component?

I try use Select component, and try to use Variant style, but doesn't apply. I know, vaadin has default style as Lumo, how can I add this style to component. My select is vaadin-select-2.2.0 This can ...
Headshot's user avatar
  • 430
0 votes
1 answer
291 views

Can I use a scss Function without importing it every time?

I am currently working with a scss function which I have in my util/functions.scss file but currently I have to import it every-time I create a new scss file on the top with @use "util/functions&...
Clytax's user avatar
  • 78
2 votes
3 answers
168 views

How to scroll only data rows in table?

I have a html page with some content on top and table below. How to make the top content and head of table fixed on page and enable only data rows to scroll? I find only very complicated solutions ...
Zoran's user avatar
  • 31
1 vote
1 answer
70 views

Making a default style for a menu item separator in WPF, within the scope of a particular menu

I'm trying to change the way a separator appears in my WPF context-menu. The context menu has its own default style, which is already successfully applying a style to all of its menu items. <Style ...
Thomas Slade's user avatar
0 votes
1 answer
321 views

Use pd.DataFrame.style.apply() function to apply number format to different items

I am trying to apply different number format to different items in a dataframe. Here's my code: import pandas as pd # Define formatting functions def float1(x): return "{:.1f}".format(x)...
Leon's user avatar
  • 47
0 votes
1 answer
55 views

How to style Text wrap in React Native

I have text like below, xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx (xxxxxxxx) and i have code like this: <View style={{ width: '77%', ...
RamondC's user avatar
  • 57
2 votes
1 answer
685 views

Tailwind tooltip rounded arrow

I am trying to make a tooltip using TailwindCss but I am facing a problem as I am not very good with border manipulation Example of how I want it to look I am able to round the tip of the arrow by ...
Vlad Dutan's user avatar
1 vote
1 answer
54 views

How to make two or more buttons active

I need to make user cards where on clicking the follow button it changes color and name and adds 1 to following. I receive such users from API , 12 users, and I need to be able to choose more than 1 ...
Anatolii's user avatar
1 vote
2 answers
344 views

How can I change the start theme color of VS Code?

I know that I can customize the styles as per the documentation. I want to change the part that has the vscode logo. However, I have not been able to change this view (the one you get if you close all ...
Diego Costa's user avatar
-1 votes
0 answers
26 views

The node-sass styles are not applied

I want the login form to look like in the example, but it ends up looking completely different. Please help me to understand the reason. The node-sass styles are not applied. It should end up like ...
Yarik's user avatar
  • 1
0 votes
1 answer
54 views

use document.body.style to @import js/css (JS/CSS help)

i don't know how to use document.body.style to use @import in javascript (i'm bad coder) it should work like this in jsfiddle.com "document.body.style.import url('https://fonts.googleapis.com/...
LouisGoldean's user avatar
1 vote
1 answer
76 views

How does one remove internal borders for specified cells with Pandas Styler?

I would like to add borders to specific cells and when adjacent, border the adjacent group without internal borders. Here is my code so far... import pandas as pd df = pd.DataFrame({"TransNo&...
Tyler's user avatar
  • 21
-1 votes
0 answers
34 views

Custom cursor doesn't follow when scrolling

I'm doing a website in which I have a custom cursor, a green circle, but it doesn't follow the mouse when scrolling more than 100% the height of the page. The css of the cursor is the following *{ ...
Marc López Soler's user avatar
-2 votes
2 answers
404 views

How can I save a table to excel sheet with original sheet formatting in python?

I have loaded the data from Excel sheet that applied cell formatting(border, merge, font..) Then, I used a conditional statement in Python to colour the cells under certain conditions. I want to save ...
purplecollar's user avatar
-1 votes
0 answers
181 views

Why is my custom theme in Angular not recognized?

I created the file "custom-theme.scss" in the src-folder with this code: @use '@angular/material' as mat; $my-primary: mat.define-palette(mat.$light-blue-palette, 500); $my-accent: mat....
Sarah's user avatar
  • 19
1 vote
1 answer
283 views

No scoped body style in Svelte

How do I style the body To achieve different styling for the "body" element on individual pages in Svelte, how can I avoid the":global(body)" in the style tags, which applies the ...
zaka's user avatar
  • 11
0 votes
1 answer
43 views

How to coloring cells based on the gap in each columns in pandas?

I have a data frame like below. A B C D E 1 1 2 3 -4 a 3 4 5 5 1 2 3 2 9 b 3 4 4 nan I would like to fill each cell with a color based on the difference between column A and ...
purplecollar's user avatar
0 votes
0 answers
471 views

Dompdf not getting css style during generating pdf in custom php

I am trying to generate pdf from a html or php file using Dompdf. It's generating the pdf but it's not getting the proper css style of the page. Need help to resolve the issue. Anybody have the ...
Subhojit Adhikary's user avatar
-1 votes
1 answer
238 views

In pandas getting error 'int' object has no attribute 'index' when try to color few value of a column of a dataframe using style.applymap()

When trying to color few cell values of a particular Column from a list of rows index, using style.applymap() in pandas, I'm getting error 'int' object has no attribute 'index'. I have no idea why ...
Rafi Ansari's user avatar
0 votes
0 answers
70 views

Extjs styles are not displayed correctly on browser zoom

When the browser window is zoomed, the Extjs styles are not displayed correctly. browser: google chrome Version 112.0.5615.50 (Official Build) (64-bit) zoom level: 125% extjs version: 7.6 toolkit: ...
Saeid Dadkhah's user avatar
1 vote
1 answer
179 views

styles of text inside a span tag in h1 tag don't applied well

Listen guys i have been going through a frustrating bug while building a landing page for my site... All I'm trying to do is to have somthing looks like the following image: logo exemple with the ...
Tamir Avraham's user avatar
0 votes
1 answer
308 views

Clean including of Elsa-Workflows-Studio into Angular-Application

I'm trying to include the Elsa-Workflows-Studio by using lower-level individual components like some editor- and viewer-screen into a bigger plugin-architectured Angular-Project. (angular 14/node 18) ...
m4f0's user avatar
  • 11
0 votes
0 answers
28 views

how to make shadows on HTML donut (problem)

I am a beginner and I have a problem applying "shadow" on a doughnut. I try to apply the following style to the colored areas of my doughnut box-shadow: inset -5px -5px 9px rgba(255,255,255,...
Sad Cello's user avatar
-1 votes
1 answer
59 views

Insert a line before match found using sed

I have the following html file head element: <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> <head> <meta charset="utf-8" /> ...
Ofuuzo's user avatar
  • 37
0 votes
0 answers
14 views

Style not working there no syntax mistake and no problem has been shown but when ever i am running the code its showing this error

E/AndroidRuntime: FATAL EXCEPTION: main Process: com.example.happyplaces, PID: 26666 java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.happyplaces/com.example....
mango's user avatar
  • 1
1 vote
0 answers
120 views

How to achieve "pixelated/squared" image loading effect like they did it on Palantir website

How to achieve "pixelated/squared" image loading effect like they did it on Palantir website: https://www.palantir.com/ Images do not need to move into the view like there, I only need the ...
tea's user avatar
  • 13
-2 votes
4 answers
165 views

I am trying to get a base64 of an item and image on an existing page using javascript

Sorry I thought you would catch on as could not start a new thread for this Javascript . gives this new Wow last try I tried was var main_artwork = this.document.getElementById("np_track_artwork&...
PPFU's user avatar
  • 7
0 votes
0 answers
24 views

Style image called from ajax dynamically in css

I have an image file located in a database, populated as a div. Is it possible to style the image itself and not the div? Reason why it is a div is because I am using ajax to make a call and display ...
JahIsGucci's user avatar
0 votes
0 answers
109 views

colorPrimary style in antd affecting multiple attributes

I am using a dark style in my app, and used a kind of purple color as brand color. The problem is that in some components it uses the colorPrimary as the color for the text, which against a dark ...
fserron's user avatar
  • 83
0 votes
0 answers
29 views

Drawable background not working properly whenever the button loses the focus

I have created a button shape and I have saved it in my drawable folder. In the java code, I have created buttons dynamically. I have added the shape as a background to my button. It works fine, but ...
Programmer Ayush's user avatar
0 votes
1 answer
78 views

Billboardjs - Hatched bar graph

Bar graph design: I am using billboardjs(for Angular) bar graph to display some analytics. Now my requirement is to show the bars for comparision. One bar should be in dark color and another should be ...
Mahesh Dharwad's user avatar
0 votes
0 answers
17 views

Text Size Error in After Effect Expression

I found this code on Kyle Martinez' site that random glitches text in a text box and it works beautifully — posterizeTime(effect("Posterize Time")("Slider").value); var ...
devalladares's user avatar
0 votes
1 answer
51 views

Highlight all values in the index dataframe

How to highlight the whole index not by conditioning? df = pd.DataFrame([[1,2], [3,4]], index=["A", "B"]) def color_b(s): return np.where(s == "B", "background-...
EIAV's user avatar
  • 9
0 votes
0 answers
5 views

let color = prompt("write your color for driving"); document.body.style.background = color ;

it is not working in my code i am accepting the solution
Shekhar Sharma's user avatar
0 votes
1 answer
33 views

BackgroundImage inline style is not working in React

the path to the image is correct, but it is not inserted correctly into the html {backgroundImage: `url('${getContentPath()}${PATH_SEP}${pdf.cover}')`}
Alex Lee's user avatar
4 votes
5 answers
9k views

Next.js 13 with Ant Design 5: Components and Pages Render Before Styles Load, Causing Jump

I followed the antd and nextjs doc to config the project. Added this code into the ./scripts/genAntdCss.tsx file: import { extractStyle } from '@ant-design/static-style-extract'; import fs from 'fs'; ...
Fatemeh Qasemkhani's user avatar
0 votes
0 answers
38 views

How to set a style and trigger on a wpf grid cell

I would like to obtain the following behavior. When the user choose the "Show detail" menu of my application, then the row 0 column 1 cell will be Visible. Coming from another menu choice (...
Manu30's user avatar
  • 1
0 votes
0 answers
27 views

How can I add a different font to different components from files located on my backend?

I am using NextJS (13) with Sanity to create a web page with a type tester (to test fonts). I have multiple fonts which each have a component. In this component I have used a with a contenteditable. ...
Loris Olivier's user avatar
0 votes
0 answers
48 views

Folium filter data in html map

I have a GeoJSON layer with a large number of objects. Is there a way to change the style of a selected object in the exported HTML from Folium when entering the value of a specific attribute (...
Rafal's user avatar
  • 1

1
2 3 4 5
181