Font on results pane
Is there anyway to change the font and line spacing in the results pane to something that more resembles Silverlight?
0
-
Hey Mike,
I am in no way a designer, but I gave it a go to see what I could do for you. If you add the following to your viewer's custom Desktop.css file, the changes will make it a bit closer:
span.list-menu-desc { font-family: Sans-serif; font-size: 0.9em; color: black; } .feature-label { font-weight: lighter; font-size: 1.05em; color: black; font-family: Arial,Sans-serif; line-height: 1.3; color: #399DD4; }
Silverlight is on the left, GVH with my changes on the right. I am sure there is some additional tweaking you can do to get it even closer.
0 -
Cory,
This is in the VirtualDirectory\Resources\Styles\Custom folder? There was nothing in that fileexcept for some comments, and I added what you gave above, but there was no change when I clicked on the result to see Additional Details...
Here is my site: https://maps.srcity.org/Html5Viewer/Index.html?viewer=CityParcel
Thanks, Mike0 -
Cory,
Maybe I wasn't specific enough. The Result itself looks fine, it is when I click on the result to see the Additional Details.
0 -
Did you ever figure this out Mike? I'd like to either reduce the spacing or remove the details section completely but can't figure it out. 0 -
No. 0 -
try adding the following CSS to your custom/desktop.css file. I don't know if it will affect other elements but it does change your results details region. .attribute-list, .attribute-item { font-family: tahoma; font-size: 10pt; } .attribute-item { margin-top: unset; }0 -
Thanks Peter - seems to work perfectly. As a reminder for those of you new to the Custom folder, this allows you to put in styling that will not be overwritten during the next upgrade. The Custom folder can be found in the Styles folder, which is in the Resources folder, etc. and ultimately up to your site folder. I ended up choosing to go with 8pt for the font. Here is what it looks like on a site that has also had the toolbar modified:
https://maps.srcity.org/Html5Viewer/Index.html?viewer=CityParcel
p.s. does anyone know what happens when you modify the same file in your Inetpub folder - does it carry those changes to any new sites you create?0 -
Peter, do you know of a way to decrease the space between the attributes vertically? I don't want to go with a smaller font than 8, but would still like the space between attributes to be maybe half of what is now... 0 -
Mike,
Looking at the site you listed above, the attributes now seem to be rather close together vertically.(the spacing between attribute key/value pairs is actually larger than the spacing between attributes). Any closer and I think it would be hard to separate the different attributes from each other.
To answer your other question - if you modify the css in the wwwroot directory, every site that is loaded from that directory's index.html page should inherit the changes since the CSS is additive - it loads the base styles from wwwroot then the styles from the viewers custom folder, replacing any styles that were modified from the base.0 -
It is all in the eyes of the beholder...
Turns out it depends on which browser you are using to view it on, which I didn't think was supposed to be the case...!?
IE
Chrome
0 -
It looks like IE doesn't honour the margin-top: unset style attribute.
Use margin-top: 0px; instead.0 -
Peter, okay, so now with Opx and 8pt for the font, they both look the same. I would still like to now make the space between the attributes smaller, but not between the label and attribute... 
0 -
Is there a way to remove the details section completely (that won't affect all sites)? Our feature descriptions contain all the info our users need and the data links they need to see are buried under the details text. 0 -
Mike, I think you put an 'O' (letter) instead of a '0' (zero) in your margin-top attribute.
Rebecca, do you mean you want to disable the onClick event so that if you click on a record in the results list, nothing happens? If so, take a look in your desktop.json.js file for this section:"ResultsListFeatureClickedEvent": [ "ShowFeatureDetails", "ZoomToFeature", "HighlightFeatureDefault" ],You could try removing the "ShowFeatureDetails", line. I haven't tried it but it looks like it should work.0 -
Yep, thanks Peter. I ended up with the following, which seem to look good in both browsers:
/* ------Begin Result Detail Modifications - 9-30-2016 */
.attribute-list, .attribute-item {
font-family: tahoma;
font-size: 9pt;
}
.attribute-item {
margin-top: 4px;
}
/* ------End Result Detail Modifications - 9-30-2016 */0 -
I'd still like the user to be able to click the record and zoom to the feature (i.e. parcel). I've configured it so the feature long description shows after they click and zoom and it includes a Google street view image. I don't want to have the image in the feature description (it just makes the results list too long). The details section is redundant in my case. All the info is included in the feature description so displaying the details is unneccesary and occupyoing too much screen space. Alternatively, I'd like to display the data links above the details section so users don't have to scroll down to see them. 0 -
Rebecca.
I think I understand what you're trying to do....
Try adding this to your desktop.css.FeatureAttributesProviderView { display:none; }0 -
That worked perfectly. Thanks Peter! 0
Please sign in to leave a comment.
Comments
18 comments