Latest Contributions by FrancescoTonini2

‎09-14-2017

Rob, that makes sense...so basically to accomplish what I want (fairly easy) I will need to find the subtitle object in the header controller files and add that same logic there (button trigger)? I thought that subtitle in the config.json passed the actual <div> elements that go into index.html.

‎09-14-2017

Hi Darren, no I just typed <my_url> in the message above to replace my full URL and forgot to add it there, but I have the escape \ correctly set up...

‎09-14-2017

I am customizing the header of the foldableTheme in WAB Dev Edition, and would like to make either the "subtitle" element or one of the "links" elements a button attached to an "onclick" event trigger to open a different URL (as an example). It seems like to customize the subtitle to a button I need to modify the main config.json in my web app: config.json: ... "appId": "", "authorizedCrossOriginDomains": [""], "title": "<div class=\"attribute-custom-style\"></div>", "subtitle": "<button class=\"jimu-button-tutorial\" onclick=\"window.open(\"<my_url_here>\")\"><b><font size=\"2\" style=\"\">Start Tutorial</font></b></button>", "keepAppState": true, ... The subtitle parameters is passed as a text string to the index.html and jimu styler, I am guessing. Then I can style my button creating a class called "jimu-button-tutorial" inside ~jimu.js/css/jimu.css. However, the button does not click nor triggers any window opening with my URL. Any idea on what am I doing wrong?

‎09-12-2017

Great, I am able to control colors for labels, icons, etc. in that .../style.css file. There seems to be nothing to control the default switch of colors between white and light gray as you scroll down the widgets (see below)....do you by any chance know what element that would be called?

‎09-12-2017

Rob, What file should I look at to customize and edit the style (e.g. font, background color, etc) of the subwidget tabs inside the group widget? Would it be inside themes/FoldableTheme/panels/FoldablePanel/style.css?

‎09-12-2017

Thanks Rob! This is really helpful!

‎09-11-2017

I also tested this with two widgets only, like you said but I get a similar behavior: 1- bottom one is opened by default 2- click on the first one and the bottom one is still not collapsed

‎09-11-2017

Would I have to put my hands on the same file Panel.js to accomplish that with 2+ widgets?

‎09-11-2017

Robert Scheitlin, GISP‌, I have added the code above you suggested. I think I am almost there, but there is still a strange behavior happening. 1- I open my group widget, which correctly has all sub-widgets collapsed except one (the bottom in this case) 2- I click on a different sub-widget. Expected behavior is that everything else should collapse and leave open only the one I clicked the + sing on. However, the first sub-widget is still opened at the bottom of the screen when I click to open a different one: 3- I click again to open a different one (the top one), and everything else automatically collapses, except (again) the very first one that was opened by default. Any idea if there is still a missing piece to make this work as intended? Thank you!

‎09-11-2017

rscheitlin‌, tested your code and it works perfectly! Any suggestion on how/where to edit apps code to make all other sub-widgets collapse when I click the + sign on any of the folded ones? Right now they are only folded at the beginning, but when I click the + sign the others do not collapse. Thank you in advance!

‎09-08-2017

Rob, you are right, probably a headache to do that...how about automatically collapsing all other sub-widgets when the + sign is clicked on one of them? With your suggested code, I would have one widget open at start and the others collapsed. It would be great if I could add a click event somewhere to collapse all others when the + sign is clicked....

‎09-08-2017

I see, makes sense. However, would I have the option to dynamically adjust the height of the group widget so that it shows all collapsed sub-widgets when clicking that group icon?

‎09-08-2017

Thanks Rob!! As always, very helpful! I will give it a try and let you know...You are saying "not all of them though" because the group widget still requires to have one of them expanded by default? Is this a behavior that should not be altered?

‎09-07-2017

I am using WAB Dev Edition 2.5 and am interested in customizing the behavior of the layout for the group widget. As of right now, when grouped together, widgets of the same group are automatically arranged like this: I would like to customize the layout and behavior of the group widget so that, for example, each sub-widget is collapsed automatically unless the user click on the + sign. Or I would like to have a browser similar to the GPServiceBrowser Dijit where the user clicks on each widgets and it shows the content. Any suggestions on where I should look to use the WAB JS API and its Dijits to manipulate and customize the group widget behavior? I know the main JS API developer page, but I am not sure where to look for the group widget specifically and whether WAB jimu offers any of what I am looking for...

‎09-07-2017

Yiwei, I used the zipped folder you provided in your last message and placed the ListView widget inside the stemapp/widget folder. I created a new WAB dev edition locally and tested the widget settings, but it still does not show any field in the thumbnail and title sections. I am using the feature layer mentioned in the tutorial, but it does not populate those two fields still.

Online Status	Offline
Date Last Visited	‎11-11-2020 02:25 AM

My Ideas

Latest Contributions by FrancescoTonini2

Re: WAB: How to add onclick button trigger to theme header subtitle?

Re: WAB: How to add onclick button trigger to theme header subtitle?

WAB: How to add onclick button trigger to theme header subtitle?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

Re: WAB: How do I edit the group widget layout?

WAB: How do I edit the group widget layout?

Re: List view custom widget for web app builder

What is the difference between "Service Pixel Valu...

Re: WAB: attribute table not loading

Re: Any plans on migration of ArcServer Enterprise...

Enhance Nesting & Grouping of Geoprocessing Widget...

How can I use a Python 3 runtime environment with ...

R-ArcGIS