topic Re: html tags not working in config.json file in ArcGIS Web AppBuilder Questions

html tags not working in config.json file

FranklinAlexander — Tue, 30 Jan 2018 14:26:46 GMT

This is kind of frustrating because I can't seem to figure out why html tags sometimes work in my config files and sometimes they don't work. I have a config.json that I am editing for a customized flash widget. All of the html tags work just fine, accept for the 'title'. When I insert a line break into the title:

"title": "Seabird Rehabilitators\n<br />and Transporters", I get this:

The tags in the description are working just fine:

"description:" ...stay with the bird until help arrives. \n<br />\n<br />\n<a <---These are working href=\"http://myfwc.com/education/wildlife/unhook/\"...

I must be missing something very obvious but I am not seeing it!

Re: html tags not working in config.json file

RebeccaStrauch__GISP — Tue, 30 Jan 2018 15:55:46 GMT

I have a config.json that I am editing for a customized flash widget.

"Flash" as in Flex? I don't know if that would be the issue or not. Web AppBuilder is actually built with JavaScript and is a replacement for the Flex viewer which is/has-been depreciated. Maybe you just said the wrong word, but worth mentioning.

But, it may just be a missing < or > ....check the lines above it.

BTW - working with AK Fish and Game, I'll be checking out your web site.

Re: html tags not working in config.json file

RobertScheitlin__GISP — Tue, 30 Jan 2018 16:11:49 GMT

Rebecca,

I think he meant "Splash" as that image is the splash widget.

Re: html tags not working in config.json file

RebeccaStrauch__GISP — Tue, 30 Jan 2018 16:20:52 GMT

Ahhhh. That makes much more sense and I should have figured that out.

Re: html tags not working in config.json file

FranklinAlexander — Tue, 30 Jan 2018 17:41:27 GMT

Yes, Robert is right Rebecca. Sorry, I should have been more specific.

Re: html tags not working in config.json file

RobertScheitlin__GISP — Tue, 30 Jan 2018 17:59:39 GMT

Franklin,

Can I see your whole config_widgets_Splash_Widget_xx.json?

Re: html tags not working in config.json file

FranklinAlexander — Tue, 30 Jan 2018 19:43:14 GMT

Thanks Robert, I attached the file. I did get around the problem by creating a 'subtitle' and adding a div in the html doc. Originally, the 'title' and 'subtitle' were combined in one line. I would still like to know why the html tags don't seem to work at times, I do run into this often when editing widget configs. It just seems weird that the line breaks work fine in some areas and not in other in the same file. As far as syntax, I tried inserting the breaks just about every way possible with no luck. I also make sure to clear the browser cache each time.

Just one observation I have noticed regarding the config files, as far as consistency. Not sure if this makes any sense, but the files that have the more 'structured' format (normally found in the widget folder) are the ones I seem to have most issues with. I assume this is because they are closely tied to the html and javasript files, therefore any edits must be done across all associated files. I am learning not to try and edit the configs located in the widget folders, and instead create a new one and located inside the configs folder. That way, although they look messy, all of the coding is included in the one file and you just have to worry about syntax and css. The attached file looks like it might have been copied and pasted from the widget folder into the configs folder, so I don't know if that may be causing some issue with the html tags.

Re: html tags not working in config.json file

RobertScheitlin__GISP — Tue, 30 Jan 2018 20:24:32 GMT

Franklin,

What version of WAB are you using? Because I do not recognize this config format or properties. It is definitely not version 2.6 or 2.7 of the Splash widget.

Re: html tags not working in config.json file

FranklinAlexander — Tue, 30 Jan 2018 21:13:52 GMT

version 2.4.

Re: html tags not working in config.json file

RobertScheitlin__GISP — Tue, 30 Jan 2018 21:19:28 GMT

Franklin,

And you are sure that it is the Splash widget... Not some custom widget.

Re: html tags not working in config.json file

FranklinAlexander — Tue, 30 Jan 2018 21:44:55 GMT

Wow, you know I have been doing this job for about a year now, and I don't think I ever looked at the default splash widget, I have always worked with our custom splash widget. I guess I just assumed they were virtually the same except for a few modifications. Things can get a little confusing when you are working with widgets that have been modified by different folks, everyone has his/her own way of doing things. Sorry about the confusion! I will mark this as answered since I found the work-around and I hope I didn't waste too much of your time!