Git Product home page Git Product logo

css-template-layout's People

Watchers

James Cloos avatar

css-template-layout's Issues

Universal 1,2 and 3 column layout possible? 

I haven't tested it but I have a probing question question...

I would create a 3 column layout and maybe I use css3 layout module (and jQuery 
+ css-template-layout for IE)but is it possible to remove/ hide a column with 
this module (css3 module and also your plugin)?

In a example there are 3 columns. Left and right column html source code will 
removed if empty (php if in template). Do that work with css3 layout too 
(without changing css code)? And will it work with css-template-layout?


Best regards

Original issue reported on code.google.com by [email protected] on 24 Aug 2010 at 5:49

when html structure do not contain template but has css with template definition, el.slot errors out 

What steps will reproduce the problem?
1. Add html with no template struct 
2. Add a css or style with any template definitions but none used in the html 
3. Run the sample

What is the expected output? What do you see instead?
slot.el is undefined
error source line: [Break On This Error] if(!slot.el.parents().is(tpl_sel) && 
!slot.el.is(tpl_sel)) { 

What version of the product are you using? On what operating system?
1.1.6

Please provide any additional information below.
Issue is in getTemplateData(rules) .. 
var parents = $(p_sel).parents(); will return nothing because no template exist 
for this definition leading to cur_sel = false in the code below

// Get first template or nearest one
if(min_distance === false || distance < min_distance) {
min_distance = distance;
cur_sel = t_sel; 
}

Original issue reported on code.google.com by [email protected] on 24 May 2011 at 7:32

Layout causes error in IE8 

Line 702: return getDivDims(0, clone).h;

Passing 0 seems to cause a problem when running template layout in IE8. That 
0 eventually gets down into jQuery 1.4.2 which blows up with:

  Object doesn't support this property or method  jquery.js, line 4709 
character 4

I replaced the 0 with {} (i.e. an empty object) which fixes things. However 
I'm not sure what the intent of passing 0 for given_css is!

Original issue reported on code.google.com by [email protected] on 25 Mar 2010 at 2:07

index for xhtml 

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 7 Jan 2010 at 11:31

Attachments:

Vertical layout is broken when body has height 100% 

What steps will reproduce the problem?
body {
        display: "tt" / 50px
                 "lr" / *
                80px *
        ;
        width: 100%;
        height: 100%;
}
#top {position: t; }
#left { position: l;  }
#right { position: r }

<body>
 <div id="top"></div>
 <div id="left"></div>
 <div id="right"></div>
</body>

What is the expected output? What do you see instead?
The top has 'height' auto instead of 50px, the right and the left have 'top' 0 
instead of 50px and do not fill body height.

What version of the product are you using? On what operating system?
v1.1.6

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 11 Aug 2010 at 8:03

Generate stylesheet instead of inline styles 

Generating inline styles to position elements makes it much harder to provide 
a print stylesheet that hides and rearranges things.
If the template-layout styles were put into a dynamically generated 
stylesheet instead then it would be easy to make this media="screen".

Otherwise I have to use lots of "!important"s in my print stylesheet to 
override the inline styles set by this plugin.

Original issue reported on code.google.com by [email protected] on 28 Mar 2010 at 1:51

Doesn't recognise single quotes in CSS 

What steps will reproduce the problem?
1. Use single quotes on the display property; e.g. display: 'abc';

The script does not work when single quotes are used; changing to double
quotes (display: "abc";) works as expected.

Original issue reported on code.google.com by [email protected] on 19 May 2010 at 11:58

DOM entries append twice? 

What steps will reproduce the problem?
1.Have the following display
#wrap {
display: "aaaa" "bbbb" "cccc" "ddde" "ffgh" "ijjk" "lmmm" "nnnn"  * * * 330px ;
}
2.In position: a there is a 
<style>
  .a { position:a; }
  #wrap::slot(a) { background-color: #fff; }
</style>
<div class="a">
   <script> $("a").appendTo(b); </script>
   <script src="google.map.v3 script here">
</div>
3.jquery appendTo adds twice the element, if check is not added to see if 
element exists:
$.templateLayoutShowOnReady();      
$(function() {  
  try {
    $.setTemplateLayout();  
  }
  catch(e) {}         
});

What is the expected output? What do you see instead?
its expected to have DOM element added only once.
I see this added twice.
From google.map i also get this:
Warning: you have included the Google Maps API multiple times on this page. 
This may cause unexpected errors.

What version of the product are you using? On what operating system?
1.1.6
Windows 2003, FireFox 10.0.2, same in Google Chrome

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 5 Mar 2012 at 11:41

simply_red 

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 7 Jan 2010 at 11:28

Attachments:

Printing 

What steps will reproduce the problem?
1. load test_css_layout.html in Firefox on Mac OS X 10.5.8 or Win 7
2. print preview the page

What is the expected output? What do you see instead?
Should be the same layout as on the screen. Alignment is out. It's much worse 
on Windows 7.

I don't know if it's related to Firefox or the implementation. I've seen some 
misaligment in other browsers but I don't remember the code. I'll update the 
issue if I come across it.

The error shows either the box-sizing: border-box; property is present or not.

Original issue reported on code.google.com by [email protected] on 26 Jul 2011 at 6:11

Attachments:

body {height:100%} causes lay-out to break down 

What steps will reproduce the problem?
1.Add "body {height:100%}" to any of your demos' css
2.Reduce the content to a few lines (so the footer isn't pushed down by the 
content)
3.

What is the expected output? What do you see instead?
I expect the footer to go the bottom of the page, with the rest of the elements 
filling up the available space. Instead the whole lay-out becomes a mess.

What version of the product are you using? On what operating system?
jquery.tpl_layout1.1.5.min.js on Windows XP with any browser.

Please provide any additional information below.
Maybe this not the right way to do it, but I was hoping that finally there was 
a way to make a footer automatically go to the bottom of the screen without 
using tables or (even worse) frames.

Original issue reported on code.google.com by [email protected] on 12 Jul 2010 at 12:10

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.