Changing Valuebox font - r

I am using flex dashboard in my markdown document. First row of my page are value boxes. Is there a way I can resize and change the fonts of value boxes without implementing Shiny. I tried with ## row {data-width=10} but it does not seems to be working.

Related

Xaringan: Extra character in panel

New to Xaringan and StackOverflow. Had a hard time figuring out how to create tabs (panels) on slides given the info available in the instructions. But, I have it working. However, there is a ] below the title on every Panel slide. Why? This seems to be causing my text to go off the bottom of the slide. I think if I could remove it, then the slides would shift upwards and there would be enough space for my content to fit on the slide.
I have tried removing various ] brackets, but depending on which one I remove, it either removes panels and overlaps all of the content on one slide with the tables and graphs or it deletes the panel and all the content from the panel.
At first, I was unable to make more than one slides with panels. The first slide worked perfectly fine and did not have the random ] at the top of it. But the second slide would not create panels. It just threw all of the content overlapping on one slide. I was able to create two slides with panels when I found
div solution
here
, but that is when the issue with the ] started appearing. The ] is not part of the content.
In reality, there are 4 tabs per slide in roughly the following format:
Tab 1: content and image
Tab 2: R code reactable table
Tab 3: conent and imate
Tab 4: R code ggplot2 plotly interactive graph
I expect one slide with 4 tabs that can be clicked on, but without the extra space or extra characters between the title and the tabs.
EDIT
I put my code here, but someone changed it and it no longer reflected what I had written. I deleted it because it was no longer my code. I also found something in the source code. There is clearly a ] in the source code. How do I find that file and remove it from the source code?

How to change shiny app dataTableOutput font color for a specific table when there are multiple tables on the page?

I'm following the example for changing dataTable font colors from this answer: How to change shiny app dataTableOutput font color and auxiliary table element color?
However, I have multiple tables on the same page, and that code affects every table on the page, even if it isn't specified until the final table (which makes sense given that it's css and applies to all the matching elements).
How can I specifically target an individual table? I see that the tables have ID's when I use Selector Gadget, starting from 1 through n in order of appearance (this order won't change, so it can be hardcoded), but I have been unable to find how to specify the css for a specific, individual table.

I want to get rid of this block in jupyter notebook's RISE

I am trying to load a widget (through HTML code) into my Jupyter Notebook's cell. I am trying out ways to get rid of the block shown on left side which shows "click to scroll output;double click to hide" in the below picture:
It's obtrusive. And also is there a way i can make the frame of the slide (highlighted in blue) larger (for only the current cell) so that it's clearer for view ?
I tried changing the "height" and "width" of RISE extension from "Nbextensions" tab but in vain.
This might sound ridiculous but, have you tried to remove this block using your browser's element inspector?
Example (remove code input)
Slide before deleting code input
Selecting correct div
Deleting input div
Slide after deleting code input
Of course it's just a temporarily solution and as soon as you refresh/reload your notebook it will be back as before.

Reduce Font Size of datatable in a Flexdashboard

I'm working on a shiny flexdashboard, and one of the elements is a datatable with a lot of columns. Currently the columns are so many that they exceed the width of the app.
Instead of adding a scroll bar I would prefer to simply reduce the font used in datatable so that each column will be smaller.
Is this possible?
Found the answer.
Needed to wrap renderDataTable in a div.
div(renderDataTable(table()),style = "font-size:80%)

BIRT Column Width not being Respected

I'm trying to create a BIRT report. The code and query side of it works just fine, but the display is rather wonky.
There's one column whose text contents are rather long, and instead of showing some text and allowing scrolling of the text (which is the behavior I'd like there), it simply shows up as a very vertically long text block; kinda ruins the report a bit. I've also tried setting the width on the column, but no dice there either. Any ideas?
Also, as an aside, how do I get the table's columns to have grid lines? I can do that on the rows, but I can't seem to figure out how to do that for the columns. If anyone has insight into that issue, it'd be appreciated.
Here's a screenshot of the issue
Here's my BIRT report XML, without headers and footers in order reduce characters
I think there is no way to use a scrollable view element inside your report, because the output by the default html-emitter is completely static (I would like to see a different answer if this should be wrong).
To your second Question about how to add a border to a column. Click into the cell of your table, click on "Border" inside the "Properties Editor" and select the borders you like to use. This should be repreated for all cells where you want to use the borders, because this configuration is not applied for a whole column but just for one cell. If you want a border for the whole column you need to setup the border for every cell in the column.
If you have already a data cell inside your table cell, you can use the outline view to select the table cell instead of the data cell:

Resources