Is there a region to float an html page on top of the banner
Using the MVVM patten for html5 I'm trying to flow an html page over the banner?
The best I have found is TopRightMapRegion that is just below.
Is there a list of all the regions usable for html5?
-
Using the MVVM patten for html5 I'm trying to float an html page over the banner?
0 -
Hi Jason,
Are you trying to replace the banner or actually float an HTML element overtop of it?
If you're trying to replace the entire banner, you can disable or remove the existing banner in configuration and insert your own view into HeaderRegion.
If you're trying to supplement the banner, you can create a custom view and target BannerContentRegion. BannerContentRegion can then be styled with CSS to take any shape or size you desire.
The SDK Samples and QuickStart packages in the HTML5 SDK offer examples of how to use MVVM to create your own views.
Cheers,
Jason
0 -
Removed the banner and put my region to HeaderRegion
works thanks
0 -
Also I would like to add a view on top of the tablet and handheld "ToolRegion"
but when I do the div above gets set to "view inactive" can this be set to get added as active in the configuration?
0 -
Try setting the "isVisible" flag on the view in configuration. This will cause the view to be activated when it is loaded.
0 -
Not sure I'm doing this correctly but,
The visible flag is set to active. I tried to set the isVisible flag and still get inconsistant results.
Sometimes the search shows up, but when it does show up it wipes the original toolbar away.
I've also tried the ToolbarTabContentRegion but get no luck.
eg of my view below "views":
[
{
"id": "View",
"viewModelId": "ViewModel",
"visible": true,
"isVisible": true,
"markup": "Modules/View/TabletView.html",
"type": "quickStart.modules.View.TabletView",
"region": "ToolRegion",
"configuration": { }
}
],0 -
ToolRegion uses the default Region Adapter, which means it only holds one view at a time. The reason you are seeing inconsistent behaviour is likely because the two libraries you're using (Mapping.js and your custom one) sometimes load in different order and the last one to load hosts its view in ToolRegion and overrides the previous.
There are a couple of options for you.
1) Create a custom region in your .html page above ApplicationRegion, e.g. in Tablet.html:
<div data-region-name="MySearchRegion" data-region-adapter="geocortex.framework.ui.MultiDivRegionAdapter"></div>
<div data-region-name="ApplicationRegion" data-region-adapter="geocortex.framework.ui.MultiDivRegionAdapter"></div>You can then configure your view to be in MySearchRegion. This will leave the toolbar intact.
2) Create a simple view that holds two regions. For example, create a ToolRegionView.html and configure it to be in ToolRegion. Inside of ToolRegionView.html, create two new regions:
<div data-region-name="SearchRegion" data-region-adapter="geocortex.framework.ui.MultiDivRegionAdapter"></div>
<div data-region-name="ToolbarRegion" data-region-adapter="geocortex.framework.ui.MultiDivRegionAdapter"></div>In the toolbar module, configure its main view to point to ToolbarRegion and configure your custom view to target SearchRegion.
Option 2 is probably the better choice, as option 1 will allow people to interact with the search region even when the application is in a modal state.
0 -
This was really helpful for other configurations as well
Thanks
0
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.
Kommentare
8 Kommentare