Questions tagged [autogrow]

When it relates to HTML, autogrow refers to the auto-expansion of HTML element's width or height.

Autogrow is nothing but increasing the dimensions of HTML elements using CSS or some other tools with respect to the contents inserted into it.

Most of the HTML elements have the property of expanding its width and height according to the content inserted into it if we do not set width or height through CSS.

Some elements like DIV,h,p etc have width:100% as default. So we may initially set width/height to some values for these kind of elements. And there may be some situations, we need to expand these containers according to dynamically inserted contents (may be text, image etc...) or sometimes we may want to expand elements beyond browser window also. In these situations some CSS tricks will help us to increase width and height of the container with respect to the content.

64 questions
45
votes
3 answers

jQuery Autosize plugin error - intermediate value(...) is not a function

I use jQuery Autosize plugin: http://www.jacklmoore.com/autosize/ The script itself you can see here: http://www.jacklmoore.com/js/jquery.autosize.js This is how I use the…
user
  • 751
  • 2
  • 10
  • 18
25
votes
5 answers

Populate Listview from JSON

Does anyone know of any examples to dynamically load Json data into a ListView, most examples I have seen just use a static array of some kind. I need to load say 10 rows of Json data, then at the bottom have a load more.. to get the next 10 etc…
Ian
  • 900
  • 2
  • 9
  • 19
14
votes
9 answers

How to grow a div horizontally by its content?

please, can someone explain to me, why the red div isn't expanding to the right? It stops where the screen ends. What do I have to do, to make it expand? One thing that works is to "display: table-cell" the red div but I was wondering if there's…
Ecir Hana
9
votes
3 answers

setAutoGrow: other pages should "shrink" again

I'm using FB.Canvas.setAutoGrow(7); to grow my page (page=highscore table so needs to grow). However, when I go back to other pages, the canvas stays grown, but it should adapt to the new content, off course... Basicly, it needs to shrink again. I…
binoculars
  • 2,226
  • 5
  • 33
  • 61
8
votes
3 answers

CKEditor autogrow plugin vertical scrollbar flickering issue

I'm having an issue with the CKEditor autogrow plugin: Upon pressing return (after auto-growing past the min height), the text content shakes (jumps up one line and back down), and a vertical scroll bar flickers on-and-off. The autogrow works, but…
Jayaraj
  • 686
  • 10
  • 18
5
votes
1 answer

Layout issue: autogrow label (SWT)

I'm using a GridLayout trying to make a label autogrow without hiding anything of its content. Here's a simple code to test: Everytime I press the button the label text grows larger, but only after I resize the window horizontally I get the correct…
Tute
  • 6,943
  • 12
  • 51
  • 61
5
votes
2 answers

How to make textarea autogrow using ember.js?

How can I make the TextArea autogrow plugin work with ember.js? It does not seem to work with Ember.TextArea. I tried this (coffeescript): App.TextField = Ember.TextArea.extend didInsertElement: -> opts = animate: false …
penkovsky
  • 893
  • 11
  • 14
4
votes
5 answers

SQL Server - Is it possible to find the size actually used in an MDF or LDF file

When adding a .MDF (.NDF) or .LDF file to a SQL Server, we have the option to set its initial size, auto-growth, and incremental (percent or absolute). After the database is in operation for a while, is it possible find how much of the actual size…
Song Li
  • 141
  • 2
  • 8
4
votes
3 answers

WPF - Text box that grows vertically to accommodate all text

The problem: I am not getting a textbox setting that will have a horizontally wordwrap and vertically auto grow functionality. I wish to do that by writing a code. I have written following code that creates a text box at mouse dblclick with…
user217026
3
votes
1 answer

ion-textarea autoGrow scroll to top on input

In my Ionic 5 app when an ion-textarea with autoGrow="true" becomes long in height, it always scrolls to top on input, when the user's input exceeds screen height. This exact issue was reported here and the fix is said to be merged here. My Ionic…
Tapas Mukherjee
  • 2,088
  • 1
  • 27
  • 66
3
votes
3 answers

Jquery animate attribute?

I use something like this, for auto growing (auto size) textarea: $('textarea').keyup(function() { $(this).attr('rows', $(this).val().split("\n").length); }); How to add smooth animation to auto growing for code above? Function .animate() with…
kicaj
  • 2,881
  • 5
  • 42
  • 68
2
votes
1 answer

Force shrinking of MigLayout-Component inside JScrollPane

I have a Component that uses MigLayout as its LayoutManager. It is set to grow inside the JScrollPane to occupy the whole available width. So if I resize the appliation's frame, the JScrollPane is as wide as the frame is and the inside component is…
hotzen
  • 2,800
  • 1
  • 28
  • 42
2
votes
1 answer

jQuery auto expanding textareas acting strange

I have tried various different jQuery autogrow/expand text area plugins, and they all work good and well on the demo page but for some reason whenever I implement them into my existing site, they act very strange, this is what is happening: It…
Adam
  • 9,189
  • 15
  • 46
  • 62
2
votes
4 answers

Problems using jeditable and autogrow

I work on a Webproject using jQuery and CakePHP. I use jeditable as an inplace edit plugin. For textareas I extend it using the autogrow plugin. Well, I have two problems with this: First, autogrow does only work on Firefox, not on IE, Safari,…
Roman Ganz
  • 1,615
  • 1
  • 20
  • 27
2
votes
1 answer

Autogrow ListView in Android

I did search around various questions related to the one I'm about to ask. I just want to ask it in clear and simple manner and hopefully get a clear and simple answer :) I have a List of several hundred items that I want to present to the user in…
Bostone
  • 36,858
  • 39
  • 167
  • 227
1
2 3 4 5