Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 6/21/2008 12:48 PM |
|
Well, how about if we can specify a token to repeat whatever html we include (for repeating items).
This is essentially what I was getting at with the XML idea - one file that would contain all the code to render the gallery including the format to be repeated per item.
This really comes down to what Scott can/will do with the code. I'm not a coder so I regret I can't offer any assistance here. |
|
|
|
|
avi a Gold Membership
 Nuke Master Posts:653

 |
| 6/21/2008 12:58 PM |
|
Referring to your one befor post
That's exactly what I want for about a year and a half.
It i's not about W3C validation at all. tables are valid.
The point is that if you use what you were describing (setting items per row) you have two main problems:
1. You can't use the property agent module inside a fluid content layout. it's true for types, latest, photos and other.
2. Insides the table you have Valign which causes problems.
The point is that we want to create something simpleas you said, that will replace the rows settings.
I think the wizard I was suggesting, can do exactly that.
the wizard will just render the "li" with the width measurs. the CSS (float:left;) is all is needed. and if something is missing it can be checked.
i don't think there should be any "hack" relating to :padding :10px; |
|
Avi A Nukedesigners.com W3C valid skins for dotnetnuke |
|
|
Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 6/22/2008 1:07 PM |
|
How do people feel about this format and markup?
http://duhaime.org/sample.html
The gray boxes show the bounding areas for the rows and columns. Things like borders etc. would be contained inside these spaces with seperate markup. One CSS class on the ul changes the layout. |
|
|
|
|
Robert Axford Gold Membership
 Nuke Master Posts:748


 |
| 6/22/2008 3:36 PM |
|
Posted By Lance Long on 6/22/2008 1:07 PM
How do people feel about this format and markup?
http://duhaime.org/sample.html
The gray boxes show the bounding areas for the rows and columns. Things like borders etc. would be contained inside these spaces with seperate markup. One CSS class on the ul changes the layout.
I don't know enough about css layouts to contribute anything other than questions, but I've always had trouble with one thing:
The convenience with table cells is that the bottom borders of the cells are permanently aligned and it is also very simple to align the text and thumbnails to bottom or middle as well as top of each cell. Can this be done... and if it is cross-browser, then won't the templates have to be quite complex with all the nested divs (double for IE) and positioning?
A css template would have to be added to the template editor, unless the styles were all inline. My concern is that there would likely be a lot of funny code in the templates that most people won't have a clue how to modify and they'll probably just clear the template out and put a table in.
I'm getting away from the technicalities of the code and into the practicalities of using the module. Tables make good sense to anyone who wants to lay out a grid of images. Lists don't... so I'm wondering how non-techs are going to make basic layout choices... unless the module gains a handful of selectable and useful default templates. In fact, that might be the only way to keep it simple.
I'm also wondering.. where would the user-managed template end and where would the generated code begin? e.g. if there were nothing but an image token in the template, would the output be img img img and nothing else, or would it be a bulleted list with a thumb in each row. Currently one still gets a solid grid layout of thumbs in that case.
Does an asp:datalist even do this sort of output or would Scott have to develop something entirely different to support it?
Another thing with a table is that empty cells go all the way to the end of the grid. CSS layouts always seem to have blank gaps. Is there a way to have the grid completed even if there aren't enough thumbs to fill it?
Great thread this... don't get distracted by my questions.
Rob |
|
|
|
|
avi a Gold Membership
 Nuke Master Posts:653

 |
|
Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 6/22/2008 8:20 PM |
|
Robert, Your comments illustrate a good point - people will have many different needs. This is why I would like a template method to create the mark up needed for the particular page. That includes the ability to use the ever forgiving tables. The convenience with table cells is that the bottom borders of the cells are permanently aligned and it is also very simple to align the text and thumbnails to bottom or middle as well as top of each cell. Can this be done... and if it is cross-browser, then won't the templates have to be quite complex with all the nested divs (double for IE) and positioning? While it's semantically incorrect to use table for layout, they do make things easy in an unsure environment. You will notice the bottom borders of my example are in line as well. I had to set the heights in CSS which means they won't automatically adjust for larger thumbnails however. This is a weakness of the method I will admit. This layout isn't that complex before the fancy borders are applied. In fact the div isn't even needed for simple borders which would leave a simple UL. The fancy borders required lots of extra code which is generated by the JS file. This should be replaced once HTML5 is the standard. A css template would have to be added to the template editor, unless the styles were all inline. The style sheet is editable in the editor actually. Go to "Edit Layout Files" and select "stylesheet". I will admit, there would need to be some documentation in the style to direct people to the right areas to change. My concern is that there would likely be a lot of funny code in the templates that most people won't have a clue how to modify and they'll probably just clear the template out and put a table in. I think the code I have is quite clean myself. However, if a person wanted to, they could revert back to the more complex table code. I'm getting away from the technicalities of the code and into the practicalities of using the module. Tables make good sense to anyone who wants to lay out a grid of images. Lists don't... so I'm wondering how non-techs are going to make basic layout choices... unless the module gains a handful of selectable and useful default templates. In fact, that might be the only way to keep it simple. I am indeed looking to replace the templates used now with fully designed and ready to go CSS templates. Out of the box, a regular user should be able to administer the module without having to learn CSS. Of course, nothing would stop a developer from using their own style. Does an asp:datalist even do this sort of output or would Scott have to develop something entirely different to support it? Not being a programmer I don't know exactly but I understand .net 3.5 has much improved and compliant ways of generating code. Problem is, this are in the code and not accessible to the user. To regain contract, I believe Scott would have to make his own system. Another thing with a table is that empty cells go all the way to the end of the grid. CSS layouts always seem to have blank gaps. Is there a way to have the grid completed even if there aren't enough thumbs to fill it? I personally find this unattractive but it is another good example of code flexibility is the goal, not a specific type of layout. Thanks for the questions! |
|
|
|
|
Robert Axford Gold Membership
 Nuke Master Posts:748


 |
| 6/22/2008 8:52 PM |
|
heheh I've been following this thread in my inbox rather than directly in the forums and I've only just now realised that this is about Property agent.. I assumed the chat was about Simple Gallery!.. woops.. and hence my misunderstanding about the css editor. Much the same stuff applies of course and thanks for the replies too. I do have one point about using tables here. Displaying thumbnails like this is displaying content data. It doesn't matter whether such data is text or images, it's still content, and this is the correct usage of tables. We musn't confuse the content with the page structure. However, I'm all for valid and tidy code, so anything along those lines is great by me. Rob |
|
|
|
|
avi a Gold Membership
 Nuke Master Posts:653

 |
| 6/23/2008 12:44 AM |
|
Can any one refer to to my suggestion? (now with caption) In the layout settings: use wizard? yes/no include caption? yes/no the full frame width: ___px sidepadding :__px (the full frame height:___px vertical padding:__px (And that will create that token : [WIZARDTEMPLATE] ) which is basically the "li" in the photos item/body ******** head ******* < ul id="view_photos" > < li id="first_photo" > some link < / li > ******* body made by wizard************* < li style=" width:[PHOTOWIDTHMEDIUM] ; height:[PHOTOHEIGHTMEDIUM] ; float:left; padding:xxpx xxpx;">< span style="display:block;" >option caption< / span > link including the calculated [IMAGE:xx:yy] < / li > ********* footer *********** < /ul > The default css will include : ul #view_photos li {background:;border;;etc"} Or can be added to the wizard. |
|
Avi A Nukedesigners.com W3C valid skins for dotnetnuke |
|
|
avi a Gold Membership
 Nuke Master Posts:653

 |
| 6/23/2008 1:24 AM |
|
Maybe Scott can add a "wizard page" in ventrian that will let you do the tests and when you're happy -->>"get the code": [WIZARDTEMPLATE], which you will put in the PHOTOS item. |
|
Avi A Nukedesigners.com W3C valid skins for dotnetnuke |
|
|
Scott McCulloch Administrators
 Nuke Master Posts:12450


 |
| 6/23/2008 7:59 AM |
|
| Thanks for the feedback here guys, I'll be putting together a div layout for the photos as an example |
|
Scott McCulloch Site Administrator |
|
|
Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 6/23/2008 8:16 AM |
|
Avi a, a wizard may indeed be needed - all really depends on what can change in the code.
A fully adjustable repeater would need:
-- section head--
--row head--
--item head--
--item (options)--
--item foot--
--row foot--
--section foot--
Those areas in a template would give all the control and freedom to the template designer. The row items would be doubled if "alt" styling was desired.
I think I got side tracked by the specifics of the UL method. |
|
|
|
|
goBlanks Gold Membership
 Nuke Wiz Posts:159

 |
| 7/04/2008 7:49 AM |
|
Posted By Robert Axford on 6/22/2008 3:36 PM
Does an asp:datalist even do this sort of output or would Scott have to develop something entirely different to support it?
Just adding my 2 cents in here:
Whenever a module uses an asp:datalist, dnn injects tables automatically, and this is because of asp itself in order to create lists with multiple columns. So, meaning any module that uses it will produce tables, thus getting away from standards compliant.
The only way I know how to correct this is here:
http://www.thinkofdesign.com/blog/ctl/articleview/mid/369/articleid/13/ten-html-tables-less-with-a-simple-code-tweak.aspx
But the problem I see with Vasili's solution, although will work in some modules, is that control for multiple columns is lost.
I'd searched everywhere to find out why DNN injects tables, and I think this is the reason. As far as being the rest of the way compliant, I've managed to create all my templates with div's and classes to control the attributes.
Hope this helps the Guru's (as I'm not) in figuring out how to get us that much closer to being compliant............. |
|
My DNN Projects: NortheastOK.com, goBlanks.com |
|
|
Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 7/04/2008 10:11 AM |
|
There is a repeater control in .net: http://www.w3schools.com/ASPNET/aspnet_repeater.asp Question becomes how to expose the templates to the DNN user. |
|
|
|
|
Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 7/09/2008 11:59 AM |
|
Scott, Any more thoughts on this. I would like to deliver on my promise of a full CSS driven template |
|
|
|
|
avi a Gold Membership
 Nuke Master Posts:653

 |
| 7/10/2008 12:46 AM |
|
There is one more great benefit in taking the tables out of the template. It will let us embed complete instance of latest for example. e.g there are methods who are asking you for the id of the wrapping area you would like to embed. If there were tables parts inside it, the code was broken. |
|
Avi A Nukedesigners.com W3C valid skins for dotnetnuke |
|
|
Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 8/01/2008 1:49 AM |
|
| Any further thoughts on this Scott? |
|
|
|
|
goBlanks Gold Membership
 Nuke Wiz Posts:159

 |
|
Lance Long Registered Users
 Nuke Wiz Posts:131


 |
| 8/04/2008 6:09 PM |
|
goBlanks, neat example. It relies on the images being the same dimensions and orientation, however, which limits the method. That said, it would be great if the app gave you the flexibility to use that markup if you so choose. It does now, BTW, but you are limited in how the photos are arranged. That is still in tables build by the app. |
|
|
|
|
Scott McCulloch Administrators
 Nuke Master Posts:12450


 |
| 8/04/2008 6:44 PM |
|
Yep, this will be making it in very soon, the option for the current layout (tables/datalist) will be made a config option to retain the items per row functionality, etc. and replaced with an option to provide simple layout. Other options to controls photos such as [PHOTOS:2:7] would display photos 2 to 7, so you can organise/separate your template around. |
|
Scott McCulloch Site Administrator |
|
|
goBlanks Gold Membership
 Nuke Wiz Posts:159

 |
| 8/04/2008 7:57 PM |
|
In reference to image dimensions, I'm finding out that it can be stripped from the CSS, and a little more configuring can do the trick.
With Scott's custom size tokens in the img tag, and a little work to absolute positions, a lot of the templates still work. Of course aside from the flexibility of a gallery display and arrangement.
Though it seems Scott is getting ready to suprise us yet again...............
Edit:
I tried to qoute Lance about image dimensions in last post, however, by clicking "qoute" button, it didn't seem to work. Must have been a fluke....... |
|
My DNN Projects: NortheastOK.com, goBlanks.com |
|
|