<html>
<head>
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
Hi Tony,<br>
<br>
Unfortunately, QGIS server does not yet expose these
categories/rules as sub layers. The lowest element in the hierarchy
is the layer. So there is no way that QGIS web client could expose
these.<br>
<br>
I would also like to see this functionality, as I think it is quite
useful for some use cases. But we would have to enhance both QGIS
server and QGIS web client to make this work.<br>
<br>
Would you be willing to work on this or help fund this
functionality?<br>
<br>
Andreas<br>
<br>
<div class="moz-cite-prefix">On 31.08.2015 21:28, Tony Pham wrote:<br>
</div>
<blockquote
cite="mid:1607803685.3604296.1441049297814.JavaMail.yahoo@mail.yahoo.com"
type="cite">
<div style="color:#000; background-color:#fff; font-family:lucida
console, sans-serif;font-size:13px">
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
font-size: 15px; clear: both; color: rgb(34, 34, 34);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 21.6666679382324px; background-color: rgba(248,
248, 248, 0.6);" id="yui_3_16_0_1_1441048569122_6494" class="">Within
the QGIS Web Client, how does one enable the sublayers of Map
Layers to be exposed?</div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
font-size: 15px; clear: both; color: rgb(34, 34, 34);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 21.6666679382324px; background-color: rgba(248,
248, 248, 0.6);" id="yui_3_16_0_1_1441048569122_6496" class="">On
my QGIS application, I have created a QGIS project file
comprised of a chloropleth map (or a graduated map or a
thematic map) which shows each map object in a different color
based on a specific value of the map object. In the QGIS
application, I am able to check and uncheck these "sublayers"
that have been created.</div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
font-size: 15px; clear: both; color: rgb(34, 34, 34);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 21.6666679382324px; background-color: rgba(248,
248, 248, 0.6);" id="yui_3_16_0_1_1441048569122_6498" class="">When
I view the QGIS project file on the QGIS Web Client, I can
view the chloropleth map fine as-is. However, I do not have
the ability to check or uncheck the sublayers of the map layer
in question on the browser client unlike the QGIS application
directly where I may check or uncheck each sublayer or symbol
color.</div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
font-size: 15px; clear: both; color: rgb(34, 34, 34);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 21.6666679382324px; background-color: rgba(248,
248, 248, 0.6);" dir="ltr"
id="yui_3_16_0_1_1441048569122_6500" class="">A example is
described below. For the following New Zealand map of cities
generated and displayed using QGIS, each circle has a color
associated with it based on the population of the city. The
larger the population, the darker the color of the circle. The
QGIS project as generated in the QGIS application shows each
sublayer's category on the left pane. See first link below.
When I attempt to post this QGIS project on the QGIS Web
Client as shown in the second image, I do not see each
sublayer identified on the Map Layers pane on the left. See
second link below.</div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
clear: both; background-color: rgba(248, 248, 248, 0.6);"
dir="ltr" id="yui_3_16_0_1_1441048569122_6500" class=""><font
id="yui_3_16_0_1_1441048569122_6565" class=""
color="#222222" face="Helvetica Neue, Helvetica, Arial,
sans-serif"><span style="font-size: 15px; line-height:
21.6666679382324px;" id="yui_3_16_0_1_1441048569122_6564"
class=""><a moz-do-not-send="true"
href="http://i.stack.imgur.com/qg1gD.png"
id="yui_3_16_0_1_1441048569122_6560">http://i.stack.imgur.com/qg1gD.png</a></span></font><br>
</div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
clear: both; background-color: rgba(248, 248, 248, 0.6);"
dir="ltr" id="yui_3_16_0_1_1441048569122_6500" class=""><font
class="" id="yui_3_16_0_1_1441048569122_6606"
color="#222222" face="Helvetica Neue, Helvetica, Arial,
sans-serif"><a moz-do-not-send="true"
href="http://i.stack.imgur.com/qA54T.png"
id="yui_3_16_0_1_1441048569122_6603">http://i.stack.imgur.com/qA54T.png</a><br>
</font></div>
<div style="width:450px; font-family: 'Georgia', 'Times', 'Times
New Roman', 'serif';margin-top:5px; margin-bottom: 5px;
background-color: #ffffff;" id="enhancrCard_1"
class="link-enhancr-attachment link-enhancr-element
richcompose-card" contenteditable="false">
<table class="link-enhancr-element" style="width:450px;
height:170px; position: relative; display: block;"
id="yui_3_16_0_1_1441048569122_6626" border="0"
cellpadding="0" cellspacing="0">
<tbody id="yui_3_16_0_1_1441048569122_6625">
<tr class="link-enhancr-element"
id="yui_3_16_0_1_1441048569122_6918">
<td class="link-enhancr-element" colspan="8"
style="height: 1px; background-color: #e5e5e5;
font-size: 1px; border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6917">
<div class="link-enhancr-element" style="height: 1px;
background-color: #e5e5e5; font-size: 1px;
line-height:0px;"
id="yui_3_16_0_1_1441048569122_6916"> </div>
</td>
</tr>
<tr class="link-enhancr-element"
id="yui_3_16_0_1_1441048569122_6624">
<td rowspan="5" class="link-enhancr-element"
style="width: 1px; background-color: #e5e5e5;
font-size: 1pt; border-collapse: collapse;">
<div class="link-enhancr-element" style="width: 1px;
background-color: #e5e5e5; font-size: 1pt;"> </div>
</td>
<td class="link-enhancr-element link-enhancr-image-wrap"
rowspan="5" style="vertical-align: middle; width:
168px; height: 168px; background-color:
#000000;border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6923">
<div class="link-enhancr-element" style="width:
168px;" id="yui_3_16_0_1_1441048569122_6922"
align="center"><a moz-do-not-send="true"
href="http://i.stack.imgur.com/qA54T.png"
class="link-enhancr-card-urlWrapper
link-enhancr-element" style="text-decoration: none
!important;text-decoration:none; color: #000000
!important;" id="yui_3_16_0_1_1441048569122_6921"><img
moz-do-not-send="true" alt="image"
src="http://i.stack.imgur.com/qA54T.png"
class="link-enhancr-thumbnail-image
link-enhancr-element yahoo-ignore-inline-image"
style="display: block; margin: auto;"
data-id="1f1fd9ea-a71b-6b8d-f28f-7108042bab93"
id="yui_3_16_0_1_1441048569122_6920"
height="131" width="168"></a></div>
</td>
<td rowspan="5" class="link-enhancr-element"
style="width: 1px; background-color: #e5e5e5;
font-size: 0pt; border-collapse: collapse;">
<div class="link-enhancr-element" style="width: 1px;
background-color: #e5e5e5; font-size: 1pt;"> </div>
</td>
<td rowspan="5" class="link-enhancr-element"
style="width: 14px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6919">
<div class="link-enhancr-element" style="width: 14px;
background-color: #ffffff; font-size: 14pt;"> </div>
</td>
<td colspan="2" class="link-enhancr-element"
style="height: 6px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6753">
<div class="link-enhancr-element" style="height: 6px;
background-color: #ffffff; font-size: 6pt;"
id="yui_3_16_0_1_1441048569122_6752"> </div>
</td>
<td rowspan="5" class="link-enhancr-element"
style="width: 20px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6623">
<div class="link-enhancr-element" style="width: 20px;
background-color: #ffffff; font-size: 20pt;"> </div>
</td>
<td class="link-enhancr-element" rowspan="5"
style="width: 1px; background-color: #e5e5e5;
font-size: 1pt; border-collapse: collapse;" width="1">
<div class="link-enhancr-element" style="width: 1px;
background-color: #e5e5e5; font-size: 1pt;"> </div>
</td>
</tr>
<tr id="yui_3_16_0_1_1441048569122_6755">
<td class="link-enhancr-element" colspan="2"
style="width: 100%; vertical-align: middle;
font-family: 'Georgia', 'Times', 'Times New Roman',
'serif';" id="yui_3_16_0_1_1441048569122_6754">
<div class="link-enhancr-text-part
link-enhancr-element" style="line-height:16.5px;
background-color: #ffffff; height: 135px; width:
245px;" id="yui_3_16_0_1_1441048569122_6758">
<div class="link-enhancr-element" style="word-wrap:
break-word; word-break: break-all;"
id="yui_3_16_0_1_1441048569122_6757"><span
class="link-enhancr-element icon icon-shrink
link-enhancr-toggle"></span><span
class="link-enhancr-element icon icon-close
link-enhancr-delete"></span><a
moz-do-not-send="true"
href="http://i.stack.imgur.com/qA54T.png"
class="link-enhancr-card-urlWrapper
link-enhancr-element" style="text-decoration:
none !important;text-decoration:none; color:
#000000 !important; line-height: 100%;
font-size: 18px; display: block;"
id="yui_3_16_0_1_1441048569122_6756"><span
class="link-enhancr-element
link-enhancr-card-title" style="margin: 0;
font-weight: normal;margin-bottom: 3px;
font-size: 18px; line-height: 21px;
max-height: 43px; color: #000000; overflow:
hidden !important; display: inline-block;"></span></a></div>
</div>
<br>
</td>
</tr>
<tr>
<td colspan="2" class="link-enhancr-element"
style="height: 4px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;"><br>
</td>
</tr>
<tr>
<td class="link-enhancr-element" style="vertical-align:
middle; font-family: 'Arial', 'Helvetica Neue',
'Helvetica', 'sans-serif';">
<div class="link-enhancr-element" style="font-size:
0pt;"><a moz-do-not-send="true"
href="http://i.stack.imgur.com/qA54T.png"
class="link-enhancr-card-url link-enhancr-element"
style="color: black; text-decoration: none
!important;text-decoration:none;cursor:pointer
!important;" target="_blank"><span
class="link-enhancr-element
link-enhancr-view-on" style="display:
inline-block; line-height: 11px; max-width:
145px; min-width: 85px; overflow: hidden;
max-height: 13px; word-break: break-all;"
id="yui_3_16_0_1_1441048569122_6621"><span
class="link-enhancr-element
link-enhancr-mobile-no-resize"
style="vertical-align:middle; font-size: 9px;
line-height: 11px; color: #999999;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust:none;
text-size-adjust:none;">View on <span
style="font-weight: bold"
class="link-enhancr-view-on-domain">i.stack.imgur.com</span></span></span></a></div>
</td>
<td class="link-enhancr-element" style="vertical-align:
middle; width: 100px; font-family: 'Arial', 'Helvetica
Neue', 'Helvetica', 'sans-serif';">
<div class="link-enhancr-element
link-enhancr-preview-wrapper" style="max-width:
100px; min-width: 80px; overflow: hidden;
text-align: right; line-height: 11px; max-height:
13px; font-size: 0pt;"><span
class="link-enhancr-element
link-enhancr-preview-by
link-enhancr-mobile-no-resize"
style="vertical-align:middle; font-size: 9px;
line-height: 11px; color: #999999;
-moz-text-size-adjust: none; -ms-text-size-adjust:
none; -webkit-text-size-adjust:none;
text-size-adjust:none;">Preview by Yahoo</span></div>
</td>
</tr>
<tr>
<td colspan="2" class="link-enhancr-element"
style="height: 9px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;"><br>
</td>
</tr>
<tr class="link-enhancr-element">
<td class="link-enhancr-element" colspan="8"
style="height: 1px; background-color: #e5e5e5;
font-size: 1px; border-collapse: collapse;">
<div class="link-enhancr-element" style="height: 1px;
background-color: #e5e5e5; font-size: 1px;
line-height:0px"> </div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="yui_3_16_0_1_1441048569122_6500"><br>
</div>
<div style="width:450px; font-family: 'Georgia', 'Times', 'Times
New Roman', 'serif';margin-top:5px; margin-bottom: 5px;
background-color: #ffffff;" id="enhancrCard_0"
class="link-enhancr-attachment link-enhancr-element
richcompose-card" contenteditable="false">
<table class="link-enhancr-element" style="width:450px;
height:170px; position: relative; display: block;"
id="yui_3_16_0_1_1441048569122_6631" border="0"
cellpadding="0" cellspacing="0">
<tbody id="yui_3_16_0_1_1441048569122_6630">
<tr class="link-enhancr-element">
<td class="link-enhancr-element" colspan="8"
style="height: 1px; background-color: #e5e5e5;
font-size: 1px; border-collapse: collapse;">
<div class="link-enhancr-element" style="height: 1px;
background-color: #e5e5e5; font-size: 1px;
line-height:0px;"> </div>
</td>
</tr>
<tr class="link-enhancr-element"
id="yui_3_16_0_1_1441048569122_6932">
<td rowspan="5" class="link-enhancr-element"
style="width: 1px; background-color: #e5e5e5;
font-size: 1pt; border-collapse: collapse;">
<div class="link-enhancr-element" style="width: 1px;
background-color: #e5e5e5; font-size: 1pt;"> </div>
</td>
<td class="link-enhancr-element link-enhancr-image-wrap"
rowspan="5" style="vertical-align: middle; width:
168px; height: 168px; background-color:
#000000;border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6931">
<div class="link-enhancr-element" style="width:
168px;" id="yui_3_16_0_1_1441048569122_6935"
align="center"><a moz-do-not-send="true"
href="http://i.stack.imgur.com/qg1gD.png"
class="link-enhancr-card-urlWrapper
link-enhancr-element" style="text-decoration: none
!important;text-decoration:none; color: #000000
!important;" id="yui_3_16_0_1_1441048569122_6934"><img
moz-do-not-send="true" alt="image"
src="http://i.stack.imgur.com/qg1gD.png"
class="link-enhancr-thumbnail-image
link-enhancr-element yahoo-ignore-inline-image"
style="display: block; margin: auto;"
data-id="ec4f5325-18e9-80fe-e7fe-46a058935498"
id="yui_3_16_0_1_1441048569122_6933"
height="101" width="168"></a></div>
</td>
<td rowspan="5" class="link-enhancr-element"
style="width: 1px; background-color: #e5e5e5;
font-size: 0pt; border-collapse: collapse;">
<div class="link-enhancr-element" style="width: 1px;
background-color: #e5e5e5; font-size: 1pt;"> </div>
</td>
<td rowspan="5" class="link-enhancr-element"
style="width: 14px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;">
<div class="link-enhancr-element" style="width: 14px;
background-color: #ffffff; font-size: 14pt;"> </div>
</td>
<td colspan="2" class="link-enhancr-element"
style="height: 6px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;">
<div class="link-enhancr-element" style="height: 6px;
background-color: #ffffff; font-size: 6pt;"> </div>
</td>
<td rowspan="5" class="link-enhancr-element"
style="width: 20px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;">
<div class="link-enhancr-element" style="width: 20px;
background-color: #ffffff; font-size: 20pt;"> </div>
</td>
<td class="link-enhancr-element" rowspan="5"
style="width: 1px; background-color: #e5e5e5;
font-size: 1pt; border-collapse: collapse;" width="1">
<div class="link-enhancr-element" style="width: 1px;
background-color: #e5e5e5; font-size: 1pt;"> </div>
</td>
</tr>
<tr id="yui_3_16_0_1_1441048569122_6629">
<td class="link-enhancr-element" colspan="2"
style="width: 100%; vertical-align: middle;
font-family: 'Georgia', 'Times', 'Times New Roman',
'serif';" id="yui_3_16_0_1_1441048569122_6628">
<div class="link-enhancr-text-part
link-enhancr-element" style="line-height:16.5px;
background-color: #ffffff; height: 135px; width:
245px;" id="yui_3_16_0_1_1441048569122_6627">
<div class="link-enhancr-element" style="word-wrap:
break-word; word-break: break-all;"><span
class="link-enhancr-element icon icon-shrink
link-enhancr-toggle"></span><span
class="link-enhancr-element icon icon-close
link-enhancr-delete"></span><a
moz-do-not-send="true"
href="http://i.stack.imgur.com/qg1gD.png"
class="link-enhancr-card-urlWrapper
link-enhancr-element" style="text-decoration:
none !important;text-decoration:none; color:
#000000 !important; line-height: 100%;
font-size: 18px; display: block;"><span
class="link-enhancr-element
link-enhancr-card-title" style="margin: 0;
font-weight: normal;margin-bottom: 3px;
font-size: 18px; line-height: 21px;
max-height: 43px; color: #000000; overflow:
hidden !important; display: inline-block;"></span></a></div>
</div>
<br>
</td>
</tr>
<tr>
<td colspan="2" class="link-enhancr-element"
style="height: 4px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;"><br>
</td>
</tr>
<tr id="yui_3_16_0_1_1441048569122_6637">
<td class="link-enhancr-element" style="vertical-align:
middle; font-family: 'Arial', 'Helvetica Neue',
'Helvetica', 'sans-serif';"
id="yui_3_16_0_1_1441048569122_6636">
<div class="link-enhancr-element" style="font-size:
0pt;" id="yui_3_16_0_1_1441048569122_6635"><a
moz-do-not-send="true"
href="http://i.stack.imgur.com/qg1gD.png"
class="link-enhancr-card-url link-enhancr-element"
style="color: black; text-decoration: none
!important;text-decoration:none;cursor:pointer
!important;" target="_blank"
id="yui_3_16_0_1_1441048569122_6634"><span
class="link-enhancr-element
link-enhancr-view-on" style="display:
inline-block; line-height: 11px; max-width:
145px; min-width: 85px; overflow: hidden;
max-height: 13px; word-break: break-all;"
id="yui_3_16_0_1_1441048569122_6584"><span
class="link-enhancr-element
link-enhancr-mobile-no-resize"
style="vertical-align:middle; font-size: 9px;
line-height: 11px; color: #999999;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust:none;
text-size-adjust:none;"
id="yui_3_16_0_1_1441048569122_6633">View on <span
style="font-weight: bold"
class="link-enhancr-view-on-domain"
id="yui_3_16_0_1_1441048569122_6632">i.stack.imgur.com</span></span></span></a></div>
</td>
<td class="link-enhancr-element" style="vertical-align:
middle; width: 100px; font-family: 'Arial', 'Helvetica
Neue', 'Helvetica', 'sans-serif';">
<div class="link-enhancr-element
link-enhancr-preview-wrapper" style="max-width:
100px; min-width: 80px; overflow: hidden;
text-align: right; line-height: 11px; max-height:
13px; font-size: 0pt;"><span
class="link-enhancr-element
link-enhancr-preview-by
link-enhancr-mobile-no-resize"
style="vertical-align:middle; font-size: 9px;
line-height: 11px; color: #999999;
-moz-text-size-adjust: none; -ms-text-size-adjust:
none; -webkit-text-size-adjust:none;
text-size-adjust:none;">Preview by Yahoo</span></div>
</td>
</tr>
<tr id="yui_3_16_0_1_1441048569122_6640">
<td colspan="2" class="link-enhancr-element"
style="height: 9px; background-color: #ffffff;
font-size: 0pt; border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6639"><br>
</td>
</tr>
<tr class="link-enhancr-element"
id="yui_3_16_0_1_1441048569122_6643">
<td class="link-enhancr-element" colspan="8"
style="height: 1px; background-color: #e5e5e5;
font-size: 1px; border-collapse: collapse;"
id="yui_3_16_0_1_1441048569122_6642">
<div class="link-enhancr-element" style="height: 1px;
background-color: #e5e5e5; font-size: 1px;
line-height:0px"
id="yui_3_16_0_1_1441048569122_6641"> </div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
font-size: 15px; clear: both; color: rgb(34, 34, 34);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 21.6666679382324px; background-color: rgba(248,
248, 248, 0.6);" id="yui_3_16_0_1_1441048569122_6531" class=""
dir="ltr">I am interested in viewing these sublayers in my
"legend" on the browser because the sublayers provide
information as to how the chloropleth map is broken down by
color. Additionally, I would like to be able to check and/or
uncheck each sublayer (or symbol color/category) independently
in the QGIS Web Client, similar to how I may do so in the QGIS
application. </div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
font-size: 15px; clear: both; color: rgb(34, 34, 34);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 21.6666679382324px; background-color: rgba(248,
248, 248, 0.6);" id="yui_3_16_0_1_1441048569122_6533" class="">Within
QGIS-Web-Client, are there settings in the javascript files
that I must modify to enable the exposing of these sublayers
of my map layers?</div>
<div style="margin-top: 0px; margin-bottom: 1em; border: 0px;
font-size: 15px; clear: both; color: rgb(34, 34, 34);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 21.6666679382324px; background-color: rgba(248,
248, 248, 0.6);" dir="ltr"
id="yui_3_16_0_1_1441048569122_6535" class="">Any help would
be appreciated! -tph018nwu</div>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
Qgis-user mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Qgis-user@lists.osgeo.org">Qgis-user@lists.osgeo.org</a>
<a class="moz-txt-link-freetext" href="http://lists.osgeo.org/mailman/listinfo/qgis-user">http://lists.osgeo.org/mailman/listinfo/qgis-user</a></pre>
</blockquote>
<br>
</body>
</html>