[Far]

Hello, Alex.

Yesterday i remembered one point, that was a problem for me, when i was developing a cms-information site build on Immerse. Each cms had many fields about database, admin functions, and as i had no experience in php, then i decided to make special pagetype for information page about each cms. So i got 32 fields in this pagetype. But then i got too many fields when i added new pagetypes and it was difficelt to find the required for a new pagetype. After that moment many time has gone and i got the idea, that pagetypes are not so many and there is no big reason to create shared fields for different pagetypes, and its more comfortable to create own fields for each pagetype. I think this point limits the scalability of the cms.

[Alex]

Hi Far,

I see your point, but I still think it's a good idea to have a shared fields system in the CMS, for the following reasons:
1 - if you change pagetype, shared fields retain their content (I need to test this to be sure though)
2 - the Custom Fields system is used by page types, but will also be used by user profiles and custom settings. It's very much possible that they will be used by other sections later too.

In Immerse the fields were used only for the page types and yes, that was somewhat overkill.
For a website such as you describe, a plugin for listing the CMS' is probably the best way to go (although that won't work if you don't have much programming experience, and plugins don't do very much yet in Fruml).

I hope you agree that it's best to keep them :)

Alex

[Far]

I'm thinking about dashboard view when you add custom field to page_type. This is a great idea for live-edit tool for front view.

Try this sql:

INSERT INTO `fruml_custom_field` (`id`, `type`, `description`, `options`) VALUES
('favourite_colour1', 'multiplecheckbox', 'The user''s favourite colour.', 'a:2:{s:9:"spanlabel";s:16:"Favourite Colour";s:6:"values";s:32:"red||Redngreen||Greennblue||Blue";}'),
('my_birthday2', 'datetime', 'This field is used to store the visitor''s birthday.', 'a:1:{s:5:"label";s:11:"My Birthday";}'),
('page_title3', 'text', 'This field contains the title of the page.', 'a:3:{s:5:"label";s:10:"Page Title";s:9:"maxlength";s:3:"255";s:5:"value";s:10:"Page Title";}'),
('page_content4', 'textarea', 'This field contains the page''s content.', 'a:5:{s:5:"label";s:12:"Page Content";s:4:"cols";s:2:"80";s:4:"rows";s:2:"10";s:8:"controls";s:1:"1";s:5:"value";s:32:"<p>This is the page content.</p>";}'),
('page_colour5', 'multiplecheckbox', 'This field contains the page''s colours.', 'a:2:{s:9:"spanlabel";s:12:"Page Colours";s:6:"values";s:89:"red||Redngreen||Greennblue||Bluenorange||Orangenyellow||Yellownwhite||Whitenblack||Blackn";}'),
('user_bio6', 'textarea', 'A short bio.', 'a:4:{s:5:"label";s:9:"Biography";s:4:"cols";s:2:"80";s:4:"rows";s:2:"10";s:8:"controls";s:1:"1";}'),
('favourite_colour7', 'multiplecheckbox', 'The user''s favourite colour.', 'a:2:{s:9:"spanlabel";s:16:"Favourite Colour";s:6:"values";s:32:"red||Redngreen||Greennblue||Blue";}'),
('my_birthday8', 'datetime', 'This field is used to store the visitor''s birthday.', 'a:1:{s:5:"label";s:11:"My Birthday";}'),
('page_title9', 'text', 'This field contains the title of the page.', 'a:3:{s:5:"label";s:10:"Page Title";s:9:"maxlength";s:3:"255";s:5:"value";s:10:"Page Title";}'),
('page_content10', 'textarea', 'This field contains the page''s content.', 'a:5:{s:5:"label";s:12:"Page Content";s:4:"cols";s:2:"80";s:4:"rows";s:2:"10";s:8:"controls";s:1:"1";s:5:"value";s:32:"<p>This is the page content.</p>";}'),
('page_colour11', 'multiplecheckbox', 'This field contains the page''s colours.', 'a:2:{s:9:"spanlabel";s:12:"Page Colours";s:6:"values";s:89:"red||Redngreen||Greennblue||Bluenorange||Orangenyellow||Yellownwhite||Whitenblack||Blackn";}'),
('user_bio12', 'textarea', 'A short bio.', 'a:4:{s:5:"label";s:9:"Biography";s:4:"cols";s:2:"80";s:4:"rows";s:2:"10";s:8:"controls";s:1:"1";}'),
('favourite_colour13', 'multiplecheckbox', 'The user''s favourite colour.', 'a:2:{s:9:"spanlabel";s:16:"Favourite Colour";s:6:"values";s:32:"red||Redngreen||Greennblue||Blue";}'),
('my_birthday14', 'datetime', 'This field is used to store the visitor''s birthday.', 'a:1:{s:5:"label";s:11:"My Birthday";}'),
('user_bio15', 'textarea', 'A short bio.', 'a:4:{s:5:"label";s:9:"Biography";s:4:"cols";s:2:"80";s:4:"rows";s:2:"10";s:8:"controls";s:1:"1";}'),
('favourite_colour15', 'multiplecheckbox', 'The user''s favourite colour.', 'a:2:{s:9:"spanlabel";s:16:"Favourite Colour";s:6:"values";s:32:"red||Redngreen||Greennblue||Blue";}'),
('my_birthday16', 'datetime', 'This field is used to store the visitor''s birthday.', 'a:1:{s:5:"label";s:11:"My Birthday";}'),
('page_title17', 'text', 'This field contains the title of the page.', 'a:3:{s:5:"label";s:10:"Page Title";s:9:"maxlength";s:3:"255";s:5:"value";s:10:"Page Title";}'),
('page_content18', 'textarea', 'This field contains the page''s content.', 'a:5:{s:5:"label";s:12:"Page Content";s:4:"cols";s:2:"80";s:4:"rows";s:2:"10";s:8:"controls";s:1:"1";s:5:"value";s:32:"<p>This is the page content.</p>";}'),
('page_colour19', 'multiplecheckbox', 'This field contains the page''s colours.', 'a:2:{s:9:"spanlabel";s:12:"Page Colours";s:6:"values";s:89:"red||Redngreen||Greennblue||Bluenorange||Orangenyellow||Yellownwhite||Whitenblack||Blackn";}'),
('user_bio12', 'textarea', 'A short bio.', 'a:4:{s:5:"label";s:9:"Biography";s:4:"cols";s:2:"80";s:4:"rows";s:2:"10";s:8:"controls";s:1:"1";}'),
('favourite_colour20', 'multiplecheckbox', 'The user''s favourite colour.', 'a:2:{s:9:"spanlabel";s:16:"Favourite Colour";s:6:"values";s:32:"red||Redngreen||Greennblue||Blue";}'),
('my_birthday21', 'datetime', 'This field is used to store the visitor''s birthday.', 'a:1:{s:5:"label";s:11:"My Birthday";}');

And visit for example 'cms/pagetype/edit/2'. And try to find and drag the 'user_bio15' from right list to the left one with one move.)

I use ff3.6, and it's not possible to do this with one move, it requires to put the lower entries to the top and only then to drag it to another list.

[Alex]

OK, I'll try that later and see if the drag & drop needs to be changed for scrolling.

[Alex]

I agree, if you have that many custom fields, the drag and drop kinda sucks.

I'm thinking that it might be handier to have a simple list of fields (possibly in a <select>) from which you can choose the fields you want to use for a specific pagetype/ profile/ whatever.

Would that be a handier option, do you think?

[Far]

I think you shall add double click option for fields. Double click on entry in one list and it will go to another. So there would be 2 way to move fields(dragging and double-clicking).

Also i think that the height of items in the lists is too big. You can make it twice shorter by changing the position of the 'required label' in <li>

<li id="field_1" style="" class="">
                           <strong>Field: `page_title`</strong><label style="float: right; padding: 4px 5px 0pt 0pt;" for="required_1"><input type="checkbox" name="required[1]" id="required_1" style="vertical-align: -2px;" checked="checked">This field is required input</label><br><span style="color: rgb(153, 153, 153);">This field contains the title of the page.</span>
                         
    				    </li>

so change in STYLE.CSS also needed:

.ui-sortable li {
background-color:white;
border:1px solid #D0D0D0;
cursor:move;
list-style:none outside none;
margin-bottom:5px;
min-height:30px; /* <- changed from 60px -> */
padding:2px;
}

[Alex]

Good idea, double click should work nicely.

Changing the height and location of the required thingy, I'll give it a go!

I just noticed that the 'drop' part of drag and drop doesn't work anymore once you've scrolled the page.
I think I may get rid of the drag and drop altogether, as it's not working as it should do at all. Or only use it to sort the list of selected fields.

[Far]

Quote

Or only use it to sort the list of selected fields.

It is a good idea.