Regions in Croogo - croogo

I'm having some problems in displaying elements in different regions.
After installing and using Croogo for a while, I made several trials
adding custom elements and custom menus. If I choose region
'right' (being the default region for elements used by Croogo once
installed) everything is fine and I'm able to add anything I want
without any problem.
Anyhow when I choose any other region to display my element (header,
footer, left) nothing is displayed (looking at the source of the page
I noticed the element is not even rendered).
Am I missing something? How can I actually use different regions to
display elements/blocks?
I'm also a bit confused about the 9 regions (named regionX with
X=[1,..,9]) available along with header, footer, left, right. What's
their purpose? Do they actually represent a region on the screen or
they have been left not configured?
Any help will be greatly appreciated.

You probably need to adjust your theme.json so that the desired regions is loaded.

Related

How to fix the shape of the dashbord, esp. its parts?

I have built my first dashboard in tableau. When I am logged in and look at this, it looks fine, it consists of 2 horizontal blocks (on the left a double one, on the right it consists of three vizes). When I am logged out and look at the dashboard the right part shows only 1st viz correct, the other two are diminished and you can bearly see them. What might be the reason?
There could be a few things going on. Without a picture, it may be one or more of these:
Use Layout
Containers.
The layout containers will ensure that each part of the dashboard is
exactly where you want it relative to a parent container.
Use tiled
layouts. Floating layouts may cause dashboard parts to be in different places depending on the screen size.
Check to see if you are using Fixed, Automatic or Range sized dashboards. These can also make a difference in appearance based on screen size.
If you are using custom fonts, install them on server to ensure this isn't a part of the problem.
Please do share a picture (or preferably, the workbook) so further investigation can happen.
In the Dashboard tab -> Layout pane, check the Item hierarchy.
When a viz/sheet is dragged and dropped on to the dashboard, tableau, by default arranges them in tiled container.
If you have adjusted the width manually, disable the option fixed width which is pin symbol when sheet is selected.
Make sure that no tiled containers are present and all the sheets are dropped into respective Horizontal containers.
Adjust the width of the viz in the sheet to fit in the view.
These are some common resolutions. Share screenshot for much accurate solution.

Mark Labels Not Displaying In Tableau 2018

Others have asked this question before, but no one has provided an actual answer to it. I can't get all of the marks/labels to display in my Tableau visualizations.
Selecting "allow labels to overlap" does not fix the problem. That displays several hidden labels for the smallest of the areas, and it places those labels at the top of the bars, ignoring the formatting that sets the labels to the bottom. However, whether or not that option is checked, the empty areas in the screen shot stay empty. And those areas are clearly large enough to display the missing labels without encroaching on any other label.
I'm guessing this is a bug in Tableau because there's no reasonable explanation as to why this is happening, but I'm new to Tableau and unsure how to address this.
While I can offer no explanation, this has been a reported problem for several years. Tableau's own documentation states to check the Allow marks to overlap checkbox, yet that doesn't always work.
I don't know if it's a bug so much as it is a complicated calculation for the rendering engine to determine what will and won't fit into a space. To the human eye it will fit but it's possible the underlying calculations inside Tableau don't see it that way. I find that particularly on dual-axis charts (like yours) this happens more frequently. I've done two things to get around it when it comes up:
Change font family or font size
Put more info into the tooltips so the end user sees the data when they hover.
If you wish to pursue this as a bug, you will need to contact Tableau Support and file a case. They will ask you to submit a twbx file to reproduce the issue.
I hope that helps.
Label -> Font -> Automatic solved the problem for me
You can select individual marks, right click to pop up a menu, and specify whether to always hide or always show the labels for the selected marks (overriding the default behavior)

Customize word ribbon bar in office 365

I have been working to add icon group to word ribbon bar but I can not customize it as I want. For an example when I add 3 buttons, it will appear as horizontal direction. But when I add 4 buttons one icon will appear as usual but other three as small icons for vertical direction. Is there a way to solve this problem?
As far as I can tell the Manifest specifications do not allow you to set a fixed icon format or option to stop the group from collapsing the icons as you see when you use more than three buttons in your group.
The manifest specifications require you to that each icon must have three Images elements, one for each of the three mandatory sizes:
16x16
32x32
80x80
https://github.com/OfficeDev/office-js-docs/blob/master/reference/manifest/resources.md#images
So without the option in the manifest to block the group from collapsing it is managed by Office and it seems you don't have any say in this (for now). Let the Program Group know you need a fixed size option, they appreciate your feedback.
Adding button specifications:
https://github.com/OfficeDev/office-js-docs/blob/master/reference/manifest/control.md

mapbox with markers and checkboxes - disable all from showing on initial load?

I have a page I built to display wind direction/velocity in various locations along a bike trail:
http://microflush.org/cgi-bin/pathInfo.cgi
I have several markers in a legend, with check boxes to enable/disable them from showing up on the map.
My goal is to have NONE of the checkable markers show up on the initial load. However, when the page is loaded for the first time, ALL show up-- even though they're not checked. If I select 1, they all go away except for the one I selected, which will then disappear if I un-check that box.
Is there a way to make them all be invisible at first, and only show up if they're selected?
(You can view the source of the link above to see the code. I wasn't sure if I should post that all, since it's kinda long with all the points I've added.)
Thanks!
Resolved. The 'var map' needed to be defined earlier in the code. Working properly now.

Widget widths: 50% + 50% > 100%?

I am using Google Apps Script and the Apps Script UI Builder, which is based on GWT widgets.
If I create a Flow Panel, and add two Labels of 50% width, then these labels appear on separate lines. But isn't 50% + 50% = 100%.
How do I make them appear on the same line?
To try it out yourself:
Open a Google Spreadsheet.
In the Spreadsheet menu, click: Tools / Script Editor...
In the Script Editor menu, click: File / Build a user interface...
Add the widgets to the canvas.
Of course this question doesn't just apply to the problem with the labels. In general I am totally puzzled concerning how to build flowing layouts with the UI Builder. There seem to be (hidden?) paddings and margins that make things very hard.
It's all based on CSS and its box model, and that issue has accumulates cruft over the last 15 years or so. In essence, the widths you specify don't take into account margings (and/or possibly padding, it's been a while), so you will need to add a stylesheed that minimizes them. See something like this CSS reset.
Labels translate to <div>s, which appear on different lines by default. You could try adding float: left to the labels, or change the display mode, etc.
You could also try InlineLabels, which I think compile to <span>s.
If you've already tried all this, then your Labels are apparently just too wide. It's annoying that two 50% objects wouldn't fit on the same line, but what isn't annoying about working with HTML and CSS?
The solution is simple. For both labels, set to zero:
Borders and Margins / Margin
Don't know why I didn't see that yesterday - I was doing a night shift... ;-)