I'm currently using a script for a popup window, where when you hit the link, a nice graphic popup window will appear. My problem is, that in it's current form it's a text link, which are working fine. But I want the entire row, that being the row the link is in, to be pushable, and open the popup window, instead of just the link.
Some will say I should use an onlick command of some sort, but my problem is, that my current link is defined as:
Link
And I have no idea how to add the rel and class to an onclick command for the row fx.
So is there some smart way to do this?
you can use this trick to make a whole cell a link
simply, add the text you want to link it in a <div> and set both width and height 100%
HTML:
<td><div>link</div></td>
CSS:
td>a>div {width:100%; height:100%}
you can see an example at JSfiddle (the second row):
http://jsfiddle.net/w8W4L/
Related
the following picture is just a sample picture to make the explanation of my problem easier.
I am using Vaadin 7.x. and have a CDIView in my project.
Now, imagine that we're already in "Buttons & Links" page and want to jump to "Labels" page using the "Open Labels" Button on the page.
I already used a navigator to navigate to the "Labels" page, but the problem is, when I navigate to "Labels" page, the "Buttons & Links" item in Vaadin CDIView stays selected, instead of getting deselected. And of course the "Labels" item should get selected.
My second problem will be, calling a method from the Label page, when I open the page using the "Open Labels" Button.
More Information:
All the MenuItems are added using a #CDIView annotation top on the class and I just get to navigate them through the names of each class.
I'm gonna be happy with every solution and suggestion you can give me.
Thanks in advance and best regards.
R.
We are using Jqgrid but we need to perform a custom editing.
In particular we want to view/edit the detail of a row inside the accordion of a subgrid area (instead of real subgrid)...
Basically we are looking for a way to redirect the content of the edit popup to the subgrid area.
Anyone have some ideas about how to do it?
Peter
If I understand correct the problem you may look at this demo in case you use Guriddo jqGrid JavaScript. In your case the html file can contain template form, where you can get the values from the row and put it in the form.
If you have difficulties we can prepare a online demo.
I'm using this, Angular-UI Bootstrap Popover
And below is my code snnipt:
<a href=""
popover-placement="{{$index < 4 ? 'bottom' : 'left'}}"
popover-trigger="outsideClick"
uib-popover-template="'popover_table.html'">
Click me
</a>
When I click the link, it will show the popover_table.html content in page, it's a table which shows the data returned from backend. When there are too much data returned, The popover_table will show many records, and user need to scroll down inside the table. So They are asking if we can fixed the table header in the popover dialog top when scroll. Screenshot added below
So if there are more than 4 records, I need to add scroll-y and keep the table header fixed in the popover top so user can see it all the time when scrolling.
How to implement this feature? position fixed does not work in this case.
and also, if I add ng-click for <a>, then is there a way to execute the ng-click function after the popover shows? I tested and found that ng-click function execute first..
If you are using ng-click then it suppose to be worked if its still fails use $scope.$apply() inside click function
I am a newbie, i am trying to create a view where every time i click on add more link next to a Textbox, another text box appears. How do i do that? I searched the same question on this site but i could not find a solution.
You'll have to create an array (string[] Smth)in your model. Then you have to make your "add more" link to submit your form to controller action that will add another element to this array and roundtrip back to view.
You may take a look at the following article which illustrates how you could handle dynamic rows.
I want the following requirement. But there is slight change on it.
http://acrisdesign.com/demo/toggle/
Please consider the above link for the example below.
There are two toggle effects on Hover and Click.
My requirement when someone click on the top of the div: it will expand and there should be a "close" button in the div some on mouse over to this image or click the div will closed. When someone mouse hover the link it will expand.
First time click expand when mouse over the link collapse.
There are toggle links "click here". When someone click on the link it will create a space between each other, but my requirement to it display top of the three link "click here".
Try Accordion
Example one
Example 2
Example 3
Something that I have found very useful is the .toggleClass() function in jQueryUI
http://jqueryui.com/demos/toggleClass/