I have been trying for the last 2.5 hours to figure this out. I have managed to create a custom navigation bar with three links for my ShinyApp. My ShinyApp consists of 3 charts: a bubble chart, a timeline chart, and a histogram, and I want each respective link in the navigation bar to go to a page containing the appropriate chart. I know about the Navbar function in shiny, but it does not look quite the way I want. Here is mine:
tags$ul(class="main-nav",
list(
tags$li(class="active", tags$a(href="link-to-timeline-chart","Timeline Chart")),
tags$li(tags$a(href="link-to-bubble-chart","Bubble Chart")),
tags$li(tags$a(href="link-to-histogram","Histogram"))
))
I have even considered the option to plot them all in a single page and use the anchor tag to link to the specific part of the page containing the appropriate chart, but that would be compromising too much on my design. I really just want to have separate links for them; each in it's own page.
Related
I built a chart and it turned out chaotic because it had too many series in the legend. Therefore, I want to use the tooltips to show the series title, so that it looks tidy. But I am not sure what is the best way to achieve that.
The goal is that when you hover over a color band on the bar chart the correct title shows up. Below is an example of what it currently looks like, with too many series in the legend.
You can turn on tooltips using the miscellaneous tab of your chart menu. Then, input the value of {{w_chart.hover.series}}.
I'm trying to make a website about a game, this game has items, characters and places and I'm trying to code something where, when a button is pushed, it will show a random item, place and character and then show text based on the image it shows, I am working with Html 4 and am a very novice coder
I am currently using the Views and Display Suite modules to create a page that works as an image gallery. You click on the menu button to take you to a page (the view) that has multiple links to nodes (individual galleries).
When you click these nodes, they take you into the separate page and show all images uploaded using the "event" content type that I made.
The event content type has one field (type: image) that uses a multiupload widget, allowing for multiple file uploads.
However, the images on the node are displayed within divs, so they all have their own rows basically. I would like to know if it was possible to put them all into grids, and if so; how? I tried using display suite, but I only have that one field to work with.
If you want to get a fully customized page and arrange the fields just like you want, use the theme suggestions.
For a node of type "event", as you said, it would be node--event.tpl.php. You can duplicate the code inside the base template node.tpl.php of your parent theme (or if you don't have one, of Bartik for example) to have a good starting material.
Just rearrange the div, the tags, the variables as your convenience, add some custom CSS to make your grid, and you should be done!
I hope it helps.
This seems simple enough but I can't quite think of how to actually do it...
In IBM Web Content Management (WCM) version 7 I have a Presentation Template (PT) which calls a Menu Component to display some content items.
I also have some (static) links on the sidebar which I want to basically just change the menu component that is being used, and that's it.
So for example...
In the PT:
[Component name="Main Page"]
When I click on a link, I want the exact same PT to be displayed except I want it to use:
[Component name="Next Page"]
Basically, Main Page and Next Page are showing the same content items, they just have different filters on them (so they appear to be different pages). The "Main Page" shows "everything" and then if you click on a link it's suppose to only show a subset of that.
I can't quite figure out how to connect the link to the PT to change it. I've thought about using JavaScript or JSP to simply rewrite the HTML, but even then I'm not sure how I set it up to say that: "if the link has been clicked, rewrite the HTML" because I'm not sure what to even point the link to, or pass through the link.
I thought about creating different content items with different PTs to link to, but there are about a dozen links (and therefore a dozen different Menu Components that I want to use), so I thought it might be better in the long run to just use 1 dynamic PT (in case the number of links grows).
It is only that one component that needs to be changed in order to display how I need for every link though.
Any ideas how to go about doing this?
So this is how I resolved this:
I created a component reference element in the content items called "menuComp" and then I set that to point to the appropriate Menu Component for each particular page.
In the presentation template, I removed the component reference and changed it to an [Element] tag which used key="menuComp".
I am using the two page look and feel, i.e. Search bar on one page, results on another.
I have one search bar in my header, when I search for something it takes me to a new page for the results to be shown. The problem is, when I get to the new page, there is ANOTHER search bar. So now i have two search bars on the same page, which do the same thing.
Is there a way to remove the second search bar?
Yup.
Somewhere in your JavaScript you'll be creating a DrawOptions object:
var options = new google.search.DrawOptions();
After this line add this one:
options.enableSearchResultsOnly();
Which will get rid of the search box. However the problem I'm having is that the search box in the header (the one you do want) doesn't have the query term in it.
BTW, here's a link to the JavaScript API reference