topic Remove the icon from Identify results in custom identify widget in Web AppBuilder Custom Widgets Questions

Remove the icon from Identify results in custom identify widget

MarkCooper5 — Tue, 24 Jul 2018 16:06:41 GMT

We need to remove the 'i' icon from the results of the custom identify widget in WAB developer in order to be able to see more of the text (especially from address points). Is this possible?

Many thanks

Re: Remove the icon from Identify results in custom identify widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 09:57:01 GMT

You have to change these css rule as follows in the widgets style.css:

.identify-list-item .label{
  /* padding-left: 40px; */
  padding-right: 10px;
  padding-bottom: 3px;
  margin-right: 22px;
  cursor:default;
}
.identify-list-item .labellink{
  /* padding-left: 40px; */
  padding-right: 10px;
  padding-bottom: 3px;
  cursor:pointer;
  outline: none;
}
.identify-list-item .iconDiv{
  text-align: center;
  position: absolute;
  height: 100%;
  left: 0;
  display: none; /* added */
}
.identify-list-item .title{
  /* padding-left: 40px; */
  padding-right: 10px;
  padding-bottom: 3px;
  margin-right: 22px;
  cursor:default;
  font-weight: bolder;
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Remove the icon from Identify results in custom identify widget

MarkCooper5 — Wed, 25 Jul 2018 09:33:54 GMT

Fab, thats exactly what we needed! We have managed to hide the 'remove from search' button in the same way, which makes more room for some fields without the need for scrolling.

There are a few fields (mostly address ones) which are too long for the panel - I dont suppose it is possible to get the results to word wrap?

Many thanks (again!)