All Questions
81
questions
0
votes
1
answer
41
views
How to make responsive 'legend' area for mobile view
I'm building a portfolio website using HTML & CSS. I want to add my projects inside tags. But those legend tags arn't responsive for the screen resolution(for me, it's mobile view) and its' ...
-1
votes
1
answer
395
views
Custom fieldset Legend css
How can i recreate the classic behavior of a form with fieldset and legend
<form>
<fieldset>
<legend>
Text
</legend>
</fieldset>
</form>
...
3
votes
1
answer
378
views
Creating a legend for a scatter plot in D3
I have written the following code snippets to create a legend for a scatter plot.
Basically, it is a simple example that uses Susie Lu's D3-legend module to create a legend for a scatter plot.
The ...
1
vote
1
answer
5k
views
Mermaid Flowchart Legend Style
There are three parts to this question: formatting a text label in a subgraph, centering the output with hidden objects, and file layout.
How can the label text background be removed from within the ...
0
votes
0
answers
116
views
How to display svg title content like an list rather than in straight line
I am creating discrete legend using SVG, where I am appending title to the rect to show content on hover but the content of title is displayed in straight line, which I want to come one after the ...
1
vote
0
answers
340
views
Leaflet legend with subtitles for grouped values
Is there a way to add subtitles to leaflet legends? The following example produces a functioning legend. However, is there a way to combine the subgroups to the same legend?
I could imagine this could ...
0
votes
1
answer
266
views
How to align parent div height based on child SVG content
I want to assign height to parent div based on the child content (here SVG is my child which can have different content based on data). If I assign fixed height either to parent or the child, it gives ...
0
votes
1
answer
389
views
How to display D3 Color legend horizontally and not vertically
I am working on color legend using d3 and currently my legend is shown vertically but I want it to display horizontally. I have attached code snippet and also shared jsfiddle link.
var svg = d3....
0
votes
1
answer
137
views
Highcharts - Heatmap - Legend remove white "dashes"
I need to remove all of these white lines from the heatmap legend. Does anyone know how I can edit these?
Rendered Chart
Design I'm trying to achieve
1
vote
2
answers
1k
views
How to show the fieldset border through a section of the label?
I have a form with fieldsets, and would like to keep the border, but would like the border to be shown between some text legends. I can't get the legend to have a transparent background to let the ...
1
vote
1
answer
980
views
Hover over Element in Custom Leaflet Legend
I created a Leaflet Map with a Legend. The goal would be to hover over the text element in the legend area and show a tooltip with a image.
Problem: hover is not showing up! I tried very different ...
0
votes
1
answer
214
views
Create new fieldset row for legend [closed]
I have a Restrict Content Pro form which includes a fieldset legend (Change your Password) which I want to move to a new row in the left column. I have tried adding new form fields (to move the legend ...
0
votes
1
answer
1k
views
How I can make a linear gradient legend using Leaflet
i asked this question on gis.stackexchange by they said i should ask here
I'm working on project that visualize solar energy data using Leaflet, I want to add a map legend when i add a lot of values ...
0
votes
0
answers
145
views
Can´t align left legend text
I am trying to align legend text to left side but when i do that the top border disappear. If i add width=auto I get the complete border but the text align to center.
border: 1px solid #395d8b !...
4
votes
0
answers
3k
views
how to give custom design (icons) for point Style of chart js legends?
I have a chart which designed based on a mock-up but the the mock-up chart has used custom icons for legends pointStyles which basically i couldn't find them in chart JS itself, i tried different ...
0
votes
1
answer
341
views
How to display the pie chart legend with proper style so that the chart is visible
I am using high charts wants to show the legend as shown below
tried many combination just wanted to know can i move the legend to the left or make the legend transparent so that both image and ...
2
votes
0
answers
16k
views
How to add legend in Leaflet map?
I am trying to add a legend in my Leaflet map at the bottom right corner, Ive actually written the code halfway near the end of the code and I do not know how to continue, I want it displayed in the ...
1
vote
1
answer
5k
views
Position legend on bottom in HTML5 [closed]
Previously legend-tags had an align property with the values top, bottom, left and right. But in HTML 5 this property is not supported anymore. W3schools advises to use css instead.
But how can you ...
3
votes
1
answer
460
views
legends do not stay in place when resizing linked graphs in dygraphs
After I synchronize graphs in dygraphs, the legends do not stay in place when I zoom/unzoom/reset.
I have initialized the graphs as such :
g = new Dygraph(
document.getElementById("demodiv"),
...
0
votes
1
answer
301
views
Is there any way to add border in highcharts legend text individually?
I need to add border with legend text (legend-item) like
I am trying with borderWidth but it gives a border to the whole legend area is there any possible way to do that.
1
vote
3
answers
707
views
How can I align three elements in a legend tag in the same line?
I have three elements: a letter in a <h1> tag, a <hr /> tag and an image.
This is how they are in html:
<h1 class="red">  A  </h1>
<hr />
<img src="...
2
votes
2
answers
9k
views
How to change position of labels in Doughnut chart?
I have created one doughnut chart.
var ctx=document.getElementById('mycanvas').getContext('2d');
var chart = new Chart(ctx, {
type: 'doughnut',
data: {
...
4
votes
0
answers
2k
views
Safari 11 Bug Fieldset-Legend with Overflow Hidden and Click
Since Safari 11 for Mac checkboxes (and links/other click-events) are inaccessible when placed in a <legend>, does anyone know of a workaround? JS fiddle contains a demo, neither the checkbox ...
2
votes
1
answer
3k
views
Creating legend with custom absolute position in Leaflet within R Shiny
I'm working on a webmap with R, using Leaflet and Shiny. The map has an absolutePanel in the top right corner, and I would like to position the legend so that it's not all the way in the topright ...
1
vote
2
answers
17k
views
Custom border for a fieldset and legend
sorry if this question has been asked before, my friend asked me to do this sort of fieldset for their website.
screenshot in this link
it looks like a normal one but I'm curious how do I get that ...
1
vote
2
answers
4k
views
Can't get Leaflet legend to display properly
I'm trying to display what I assumed would be something trivial- display a legend on a leaflet map. But I've spent about 6 hours now trying to get it to work to no avail. All I want to do is display a ...
0
votes
1
answer
280
views
How do I make CSS sharp "V" like horizontal corners for `<legend>` and `<fieldset>`?
How do I make in CSS sharp "V" like horizontal corners?
Corners that look like this < > as if the corners were arose to left and right in both the <legend> and then in the <fieldset> ...
0
votes
1
answer
436
views
How to align Grouping Text of only two panels out of many Panels in a page center?
In my page there are many panels and grouping texts. For two panels the grouping text has to be aligned center. I have tried:
legend {
margin:0 auto;
}
<asp:Panel ID="Panel13" runat="server" ...
1
vote
2
answers
6k
views
Add a max width to legend in Highcharts
I created a column chart with an horizontal middle left legend.
But with this configuration (horizontal + middle + left), the chart is almost not visible.
The legend should be wrapped instead of ...
26
votes
3
answers
95k
views
How can I control the placement of my Chart.JS pie chart's legend, as well as its appearance?
I am able to create a pie chart using Chart.JS with this code:
HTML
<div>
<canvas id="top10ItemsChart" style="padding-left:20px" width="320" height="320"></canvas>
<div ...
1
vote
0
answers
85
views
After clicking Highchart legend, it alters the position of nested legend
I'm trying to make Nested pie chart like follows with nested legend:
My JSON for legend is as follows:
legend: {
y:['open','overdue'].indexOf(this.name.trim().toLowerCase())!=-1?115:10,
...
1
vote
2
answers
3k
views
Javafx: how to change the size of .chart-legend-item-symbol in css?
I'm relatively new to Javafx and completely new to CSS.
Right now I would like to export a chart that I created in Javafx to a png file and as I would like to have a high quality picture I changed ...
0
votes
1
answer
128
views
Return default styling to legend element
My less file is set so that a legend that is a child of a fieldset has certain styles. I to make a legend.default that is a also a child of fieldset, but which will have its default styling. I don't ...
0
votes
1
answer
261
views
How can i change shape of legend jquery flot
I'm finding about jquery flot. And when i draw two lines, it displayed two legends with rectangle shape.
But i want to change these default shape of jquery flot.
One shape is rectangle (wind ...
1
vote
1
answer
1k
views
Underlined Fieldset Legend
I am working on a small interface, and currently have a simple set of radio buttons inside a fieldset with a legend. It currently looks like this:
But I want to get a border between the legend and ...
0
votes
1
answer
3k
views
CSS/HTML fieldset with legend side by side
I just wanna ask how can i make that side by side? i know this has already been questioned many times here but i already tried the solutions that they've said worked. like adding <div> or ...
1
vote
1
answer
2k
views
Style the first legend element within a nested fieldsets
I'm trying to style the first legend element within nested fieldsets, but none of the CSS selectors I used achieve what I'm after.
http://codepen.io/anon/pen/epodxd
I basically want to style the ...
0
votes
2
answers
2k
views
How to prevent the fieldset's border from going through the legend element surrounded by the form tag?
I have a form with these tags: <form>, <fieldset> and <legend>.
The fieldset's border passes through the middle of the legend element. I still want to have the border around my form,...
1
vote
1
answer
2k
views
JavaFX StackedBarChart legend color don't follow chart color CSS styled
In my application (JDK 1.8u51) I want to set some specific colors to some data categories in a StackedBarChart. I made this with a CSS as bellow :
.root{
-fx-ok-color: darkgreen;
-fx-critical-...
1
vote
1
answer
440
views
Apply CSS same as legend tag
I want to create a border around my html component. HTML legend element can be used but i want to use it out of the form.
HTML Legend: http://www.w3schools.com/tags/tryit.asp?filename=...
1
vote
1
answer
2k
views
How do I use the <legend> element with styles?
I just ran into a quirky problem and haven't been able to find an answer or figure it out.
The problem is regarding the <legend> tag within a <form>.
I've created a form using <form&...
3
votes
3
answers
5k
views
How do I place the legend outside the fieldset border
I am going crazy trying to figure out how to make this work. I would like the legend to be outside of the border. How can I make this happen while keeping the legend tag? As you can see below I tried ...
0
votes
1
answer
758
views
Dynamic FLOT legend table
I have a somewhat limited knowledge of JS and JQuery so I am sorry if this is a stupid question. I have a dashboard of charts which will have varying widths and also allows a user to change the width. ...
0
votes
1
answer
360
views
Highcharts pie on legenditemclick avoid slicing of pie but show animation on legend item
I am using highcharts to display pie with legends.
legendItemClick: function (e) {
return false;
}
I am using the above legendItemClick event which returns false to avoid the default behaviour. I ...
1
vote
1
answer
580
views
Legend doesn't fit (different resolution)
I have got a form with a fieldset and a legend in it and I would like, the legend's background to fit the full width of the fieldset. But I don't know how?
Here is my fiddle: Link
HTML code:
<...
2
votes
1
answer
2k
views
Fieldset odd legend underline issue
I have an issue with a fieldset tag: the legend is underlined for no reason. How can I remove the thin line below it?
Here is a screenshot that shows the problem, I have added a red background just ...
0
votes
1
answer
177
views
Html/Css/Js: Display text before <i> tag
This is a rather simple question, but i cant get to the right solution.
I am working on a legend for my leaflet map, I got this far:
However I would like to display the 0 before the color block and ...
4
votes
2
answers
12k
views
Fieldset not properly displaying
I'm trying to use a fieldset but it is not working as exactly i wanted...
The legend is displayed outside fieldset...But I want it covered like normal fieldsets.
My code is,
<fieldset style="...
10
votes
5
answers
14k
views
Two legends in a fieldset
You can't have two legends for a given fieldset, but is there a way to get a legend effect without using the <legend> tag?
<!-- left legend -->
<fieldset>
<legend>
...
9
votes
2
answers
29k
views
Fieldset: Center legend
as asked many times before (but never really answered) I want to center a legend in a fieldset.
The trick was done perfectly here, which I also bought for my project: http://themeforest.net/item/...