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
Solved! Go to Solution.
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;
}
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;
}
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!)