Example link what I want: Click Here Scroll the page footer a little bit on top you see the "See More Reviews" button.
Example Picture Screenshot:
See More Reviews
See More Reviews Clicked
You can use javascript or jQuery to show or hide section, or if you want to load content then you can use ajax on click, in example they used ajax to show more reviews so if u want it dynamic then use ajax else use jquery to hide or show section.
Search for jQuery.toggle it will work in your case
Related
I want to implement scrolling to a particular section on click in Liferay, but I have no idea how to add functionalities in Liferay.
I have created a page using multiple fragments and in the top of the page I have headers of the sections and on click of a header the page should be scrolled to that particular section.
Attached page screenshot link below for reference
The easiest way to scroll to some place on the page is to place an anchor there, e.g. with <a name="scrollTarget"/>. In your navigation, you'll just link to this by Scroll to Target and you're set.
Of course, this can be done a lot fancier, with an animated scroll etc, but the basic start is this. There's nothing Liferay-specific hidden here - pick any of the more fancy methods, create fragments with the proper markup, and make sure they're used on your page.
Let's say there's two buttons on a homepage that both link to the same page. Is there a way to exclusively show a certain part of the page if you click on one button and show a different part if you click the other button?
If this is not an option, would it be possible to store the information of which button is clicked to get to the page?
I'm really quite in the dark on this and barely know how to formulate the questions i am asking, so finding an answer on google is quite difficult. Thanks in advance for any help.
Yes,sure. Just add different parameter to the link on the buttons e.g. page.html?type=1, page.html?type=2. On the target page read the value of the parameter and modify the page accordingly.
i would like to use the functionality to allow table data to be downloaded by a simple button click as described on
http://tabulator.info/docs/4.2/download
I hoped i could get a working example on "view source", but its only code snippets needed to configure it.
Could someone give me a complete example how to use it?
I got so far, that i have the table running and the buttons are also present, i am just missing the buttons actually doing something on clicking them.
Thanks in advance and have a nice day
Ingo
The complete example is right there on the page you linked. Click the green "View Source" button located under the table, which will expand some snippets. Under the "JavaScript" snippets there are button click handlers commented with //trigger download of data.*** file. That code uses jQuery to specify what the button calls when it is clicked. The buttons call table.download() with parameters to specify the format and download filename.
You can also see it here: http://tabulator.info/examples/4.2?#download
I am new to Xamarin and want to develop an Xamarin.Form Portable App.For that, I have created the project template as Xamarin.Form Portable.
After login, I have successfully created a Master Detail Page to display the Menu List like Home, AboutUs, ContactUs links in the left corner which is initially hide and when i click on the Menu Icon (Menu Icon is like three dashes(-) in parallel) all Menu List is populated to the right side in window. Now when i click on any Menu Item,I don't want to repeat the menu list or its icon in the inner pages. Instead of that, I want Navigation back arrow button instead of the Menu Icon. When I tried to navigate it like below it gives me error like "PushAsync is not supported globally on iOS/Android, please use a NavigationPage"
await Navigation.PushAsync(new AboutUs());
If instead of this, I navigate it to the master detail page and set the About Us page as Detail property of the Master Detail Page then Menu Icon and Menu list will be reapeated which i don't want. Please help me how can i show the navigate the page with Back Arrow button in inner pages.
Overall, I want functionality like in Gmail where when we open any Detail of Email Menu button is not there but the back arrow button is there.
Thanks in advance!
Try this approach(Because DetailPage must be NavigationPage in Xamarin.Forms):
await Navigation.PushAsync(new NavigationPage(new AboutUs()));
I'm looking for some code on how to create a hiding menu. Basically I'd like to have four links in a horizontal menu. When you click on a link I'd like it to hide the others perhaps above or below to provide a text box. This box would also have information in it that we be inputted by the designer only.
I have a link to preview a template for an example below:
http://www.graphicalwonders.com/archives/brian/Homepage.jpg
jQuery UI -
Accordion API -
Viral Patel
Check out these links for examples of Accordion menus. I find the Viral one to be easier to use, however the jQuery UI & API explain more in detail how it works.