Select to view content in your preferred language

Tab Theme Side Controller

2365
18
Jump to solution
09-20-2017 05:59 PM
BrandonPrice
Frequent Contributor

I want to narrow the width of the side controller for the tab theme if possible when switched to a mobile device. I was trying to play with the theme/widgets/sidecontroller css file and create a media response. Can someone please steer me in the right direction?

Much appreciated

0 Kudos
18 Replies
BrandonPrice
Frequent Contributor

Thanks Robert. This worked nicely. I used a media response so it affected only the app on a mobile platform. Can the sidebar controller on a tabbed theme have the ellipsis (...) button and that drop down menu at the top that turns all layers on/off removed? I saw a post about it for the foldable. 

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Brandon,

   I am not sure I am following but if you are asking about the LayerList widget and removing the actions menu then the fact that you are using the tab theme has no bearing.

0 Kudos
BrandonPrice
Frequent Contributor

Yes. Removing the actions from the layer list widget.

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Brandon,

   In the LayerList widget settings if you un-check all the actions then the menu will not show.

I.e. un-check all of these:

Choose which actions will be shown on the layer context menu.
Zoom to
Transparency
Enable / Disable pop-up
Move up / Move down
View in Attribute Table
Description / Show item details / Download
BrandonPrice
Frequent Contributor

Thanks. I will be sure to mark you answer as correct. ☺

0 Kudos
BrandonPrice
Frequent Contributor

Thanks Robert. This is good too. However, I was trying to see if a change to the scripts might work too since I have already downloaded the app onto my server. I found this: Remove popup menu from Layer List Widget. Will this still work with 2.5? 

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

It should

BrandonPrice
Frequent Contributor

Thanks. This was great Robert.

0 Kudos
BrandonPrice
Frequent Contributor

I also was able create more text space by setting this to zero:

.jimu-widget-layerList .col3{
width: 0px;
}

-Brandon

0 Kudos