How exactly does the sizing of the grid work? I have a grid that I've tried to experiment with and it seems like no matter what setting I use, there is a vertical and a horizontal scrollbar. the only thing that changes is if it stretches to fill the its container div. How do I get it to fit within a specific width and also to not display scrollbars?
View 3 RepliesI have a question for flexigrid jquery grid control users.
I am able to display json data returned from my WCF service in my Flexigrid in my application.
The paging toolbar displays correctly and it's clear that the paging toolbar understands how I've configured it.
However, the grid is not actually implementing the paging filter on the data in the grid. For example, the paging toolbar says "Displaying 1 to 10 of 12 items". However, all 12 items are displayed in the grid.
I guess I'm missing a config setting or callback. Any idea what the problem might be?
Here is my grid config block:
I was checking on jQuery plugins, but most of the scrollbar ones are using like 4 - 5 div classes just to stylize one scrollbar and most of the classes names must be specific to make it work with the plugin, is there any way to give some style to a scrollbar without doing all that coding?
View 2 Replies View RelatedI have a div that is filled with content dynamically and is fixed so it will always be in the same place even when you scroll. I need scrollbars to appear when the div is has too much content and goes beyond the screenborder.
View 1 Replies View RelatedI have a site project where I'm using an overlay to display an iframe that contains a slide show. When the overlay/iframe loads there is a scrollbar on the parent window. What would be the proper jquery syntax to write a function that tells the parent window to set overflow to hidden to hide the scrollbar when the iframe loads? I was thinking maybe this, but I'm not sure of the correct syntax:
$(function() {
$self.parent.document
.
[code]....
I have an application that resizes itself upon window resize. Theproblem is that if I resize down the window so it is smaller, twoscrollbars appear during resize (nothing new for now...), but thecomputed body width is the width with the scrollbars.Then, when I stop resizing, my app resizes itself, but as you may haveguessed, there are a small empty space on right and bottom,corresponding to the scrollbars.I have not found a pretty way to do it (of course I could set a timerinside my resize function that will call itself again 10ms later, just
View 2 Replies View RelatedTo everybody who's interested,here is a nice cross-browser script which will zoom the page in case it isdesigned for a minimum resolution. The script will zoom the page to fit the width of the window so that the user does not have to scroll the page to the right or to the left.minW is the minimum width for your homepage to look good.divWrap is a DIV with which you should wrap your entire homepage.This script will also work when the window is resized.
<script type="text/javascript">
var minW = 1200;
$(function () {
[code]....
I just started using JQuery and I have a lot of questions, but this is the most complicated one:
I'm trying to show a dialog using Jquery UI. The problem is that into my dialog I'd like to insert a (dynamic) grid using JQGrid. is this possible, or I should create a normal html table?
Do these functions include the height of an element's horizontal scrollbar (if present)? It doesn't seem to be mentioned in the jQuery documentation.
View 1 Replies View RelatedDoes anyone knows a method to measure the scrollbar's width, which works in Safari/Chrome.
The innerWidth function doesn't seem to take the scrollbar's width into account when measuring the innerWidth of the child element of a scrollbared element.
Say I have a site that's centered on the page, and do $ ("#some_content").slideDown(). If the appearance of the new content means that the page no longer fits in the browser window, scrollbars will appear, and so the available page width decreases slightly, and so my centered content jumps left while it's sliding down. Is there a decent workaround for this? Best I can figure out at the moment is to persuade the browser to always display scrollbars, which isn't exactly ideal.
View 1 Replies View RelatedI have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I have tried many grid plugins, so this problem applies to many of them. I have this code, which is for returning the content of a row cell when clicked:
[Code]...
I want to create a 3x3 grid on the page. Each square needs to be the height and width of the page. I will then use jquery scroll.to to move the grid, dispalying a different square to the user.
Am I right in thinking that I wont be able use 100% width and 100% height in my CSS for the single box, since there are actually going to 8 squares that are off the page?
[URL]
I am guessing therefore that I should use javascript to take the window width and height, and then use this value to create each of the gridbox's. Is this the right way of doing it?
I want to install jQuery ScrollPane on my site(this one:[url])so I can use the scroll-pane plug-in to replace the ugly windows scrollbars.
Some simple questions:
If I want to use Google's jquery installation, is this all the code I need in my header?
Is there any way to easily test whether the jquery is installed correctly? i.e. a small piece of script that will tell you one way or another?
I found a few examples similar to this online:[url]
When I cut and paste the code onto my page it doesn't seem to do anything (I've either installed that wrong, or the google jquery link wrong, or both).
I was looking for JQuery Grid which will help me more than 1000 - 2000 records. I mainly need search and paging .
View 1 Replies View RelatedI want to put a button inside a grid column, I am using Struts jQuery Grid showcase
View 6 Replies View RelatedI'm trying to use jQuery to produce something similar to this flash example [url]although I'd like the effect to be somewhat more controlled.
In a nutshell, what I'm trying to achieve is a 3 x 4 grid of (12) images which appears to load in a random order and then 1 by 1 (again in random order) fade out to be replaced by another image. I'd like the effect to be quite subtle, smooth and calming with the timing between image fades to be fairly even.
All images would be pulled from a folder on my webserver. I don't want the same image to be visible more than once at any time, although I don't mind repeating images as long as they're not already in the grid - hopefully that makes sense?
Ideally I'd like only one image to be changing at any given time with a pause before the next image starts to fade into new image.
The way I've been trying to tackle this so far is to use 12 different instances of a jquery image fade laid out in a CSS grid.
There are a few problems with my approach so far;
Doesn't appear random
Timing - multiple squares change at same time. (I only want one image to change at a time)
Same image often repeated at same time within grid
Its not long before a pattern emerges and you can tell which image will change next.
I'm sure this must be possibly, but my math or scripting skills aren't quite there yet.
am using jqgrid within my web app.now my record contains a checkbox followed by some string data. if the user checks some (say 5) checkboxes and then click on the table heading to sort, i lose track of all my checkboxes. this seems to be happening on all my grids.
View 1 Replies View RelatedI currently have a standard .NET grid in my application and am considering a few options. I could replace the grid with divs so the current rows would be like posts in a forum. Or replace the .NET grid with the new jQurey grid, that way I would gain a whole lot of functionally!
My question is can a grid be modified so that the rows are about 11/2 inches tall and be formated to show several lines of text? I want them to show 2 business names, addresses and some details gotten from a form.
I need a TreeView which is inside the first column of a table. In theseconds (and more) columns there should be data about every "row" of the treeview.It is important that the data for each item is aligned under each other.
View 3 Replies View RelatedI allow my users to upload files to be imported into our database. These are usually csv or tab delimited files.I have a few customers that can't grasp the fact that the columns for the import need to be in a particular order, so for those customers, I have to manually import their files.I'd like to build a configuration screen for them to tell me what format their file is in so I can save the configuration and then import their files based on that configuration. That way, I won't have to manually import their files.I'd like something that would allow them to move columns in a table or grid to match their specific configuration.
My import process requires this configuration:Part Number,Alt P/N# or NSN P/N#,Condition Code,Quantity,Description.But several customers have files that are in this format:Part Number, Description, Quantity, NSN, Condition, Alt-Number, Manuf .I discard any unused columns, such as Manuf. (for this customer, we don't use NSN, we use Alt-Number for the Alt P/N# or NSN P/N#)I want to present them with a grid showing only the headers. Then each column should have a right and/or left arrow on them. When the arrow is clicked, that would increase/decrease the index of the column in the grid and it would move positions in the grid.Then I will take the column indexes and save them in a configuration for the customer's format to be remembered.
1)Need to display menu on right click of a data grid using Jquery,2)I need to disable or hide some of the menu items in certain rows,3)postback to the server with the selected row details
View 1 Replies View RelatedI've got an upcoming project involving a spreadsheet-like view onto data that will be accomplished using one of the available grid view plugins. According to [URL], the "state of the art," as it were, are the following:
jQuery plug-ins:
[URL](ThemeRoller-Ready!)
[URL]
[URL]
[URL]
[URL](was part of early versions of UI, got dropped)
[URL](Seems dead)
Any pros/cons to using any of them?
I'm trying to get a jLayout Grid to work in a jQuery UI tab set. I have 3 tabs, and each tab's content is a grid of images. The 1st tab lays itself out properly, but the other 2 tabs don't lay out properly and all the images wind up stacked on top of each other. I'm hoping to find a way for all 3 tabs to properly use the grid plugin and lay themselves out nicely. Here's what I have:
in my HTML doc:
<script src="jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="ui/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="jquery.sizes.min.js" type="text/javascript"></script>
<script src="jlayout.grid.min.js" type="text/javascript" ></script>
[Code].....
Again, the result of this is that the 1st tab (the 'default' tab at page load) has a grid in it that lays itself out properly, but the other tabs' grid layout is not laying out properly, and the result is that when you select tab 2 or tab 3, the images are all stacked on top of each other and not spaced out in a grid at all. Also, the tabs widget is not making room for these images so they're 'floating' down below the tabs widget (see attached image). Is there any way to get the tabs and the grid layouts to play well together
I've never worked with Ajax before but I've been reading up on it and done some basic tutorials and am comfortable with the concept of asynchronous communication and how everything works from a technical communication perspective. That being said I have no idea where to start on this project which seems like it should be fairly simple. 1. the browser will have a "working area" which is a rectangle of some decent size, there will be a toolbar of objects on the left hand side. This work area should be shown as a grid that the objects will be placed into.The size of this grid (basically the gridlines) will need to be generated automatically based on user input (also the size of the components/objects that will be dragged in and the size of the rectangle) if it is too large (say 500) i'd like a way to pan around and zoom in as well... 2. For simplicity say there are 2 components: Available, unavailable and an erase feature. 3. each object when dragged to the working area should create an object that has some properties (handled programatically from input elsewhere on a simple form) I will be placing these in a database server side. 4. I'd like to be able to drag across the grid to continuously add the selected object and I'd like to be able to click a button on the edge of the grid to fill in the entire row with the objects. From everything I've read on this it seems like this should be somewhat easy but again I don't know what framework to use to start. I'll be putting this in a drupal site and integrating it with a few modules if that makes a difference (i think that part of the programming will be separate from whatever specific implementation I use to get this Ajax part up though)
View 1 Replies View Related