0

I am trying to split my screen into 4 sections so, i can easily re-size it by mouse drag event, As this question was arises many times but no body given the perfect solution for the same,So help me to finding the solution,

Asked in : ExtJS 4: Make Portal Columns Splitting,Three Sections To Resize With Browser

I wanna do something like Jsfiddle .As they divide screen in four draggable section .

Click to view Image

2 Answers 2

1

I solved the above problem and here is a link for that :

This is Plugin free to split screens into many sections, here i code for 4 sections like jsfiddle.

I use the

Resize();

to resize my all DIv elements.

Check link below for Splitted Screens :

Click for solution

0

There is a plugin doing exactly this called jQuery UI Layout. (Demo)

Also an older one called Splitter. (Demo)

7
  • Thanks for reply ,but i don't want to use any plugin, please provide me any trick or code to implement this. @Magnus Engdal
    – Ash
    Jan 29, 2014 at 6:34
  • In that case you need to narrow down your question and provide any code you have tried so far. There is no simple trick I'm afraid. If you show us your code we could help you with more specific problems. Jan 29, 2014 at 6:42
  • i am working on that.. after completion ,i also put my answer on my own post..this is possible without plugin.. :) @Magnus Engdal
    – Ash
    Jan 29, 2014 at 7:08
  • Click to see full Working Code , Please correct me if i am wrong or help me to correct the code if it is not good ? @Magnus Engdal
    – Ash
    Jan 29, 2014 at 7:47
  • Very nice. I see no problems with your code, but if you intend to post it as an answer to your own question, you should make 4 sections since that is what you where asking for. Jan 29, 2014 at 7:57

Not the answer you're looking for? Browse other questions tagged or ask your own question.