txp 4.6: The same admin layout for articles and forms

makss · 2015-07-07 11:48:37

When writing a plugin having difficulty with differences layouts article and form.

Form layout (txp 4.6):

<div id="page_container" class="txp-layout-grid">
	<div id="tagbuild_links" class="txp-layout-cell txp-layout-1-4">...</div>
	<div id="main_content" class="txp-layout-cell txp-layout-2-4">...</div>
	<div id="content_switcher" class="txp-layout-cell txp-layout-1-4">...</div>
</div>

vs

Article layout (txp 4.6):

<div id="article_container" class="txp-layout-grid">
	<div class="txp-layout-cell txp-layout-1-4">
		<div id="configuration_content">...</div>
	</div>
	<div class="txp-layout-cell txp-layout-2-4">
		<div id="main_content" role="region">...</div>
	</div>
	<div class="txp-layout-cell txp-layout-1-4">
		<div id="supporting_content">...</div>
	</div>
</div>

I propose to change the layout of articles on:

<div id="article_container" class="txp-layout-grid">
	<div id="configuration_content" class="txp-layout-cell txp-layout-1-4">...</div>
	<div id="main_content" role="region" class="txp-layout-cell txp-layout-2-4">...</div>
	<div id="supporting_content" class="txp-layout-cell txp-layout-1-4">...</div>
</div>

Bloke · 2015-07-07 12:05:03

makss wrote #292735:

I propose to change the layout of articles

If Phil agrees, sure. It’ll probably impact the CSS more than anything else, though we’d need to check it didn’t kill the partial callbacks for AJAX saves and update the DOM paths accordingly if so.

Something like this might already have been done in the admin-layout-update branch as it’s a two-column layout on the Write panel now. The Forms/Pages/Styles are also two-column, but we need to factor the tag builder somewhere (probably as a slide-out component that can be tucked away when not in use).

philwareham · 2015-07-07 12:23:31

As Stef guessed, your examples are based on the older 4.6 grid system. The grid system in admin-layout-update is documented here. This is what we will use in future once I have completed the layouts and merged into the master branch.

So, in summary:

<main class="txp-body" aria-label="Main content">
    <div class="txp-layout-4col-cell-1-2-3">
        ...blah blah blah...
    </div>
    <div class="txp-layout-4col-cell-4alt">
        ...more blah blah blah...
    </div>
</main>

You can also look at flat HTML mockups of the various admin side pages at the repo. I keep this as up-to-date with my latest layout changes and proposals as possible. Some ideas I am just playing with but most are things I want to get into core layouts.

Hope that helps!

makss · 2015-07-07 13:25:15

Thanks for the answers, I’ll wait for a stable layout.

gaekwad · 2015-07-07 14:04:23

Hey makss – a translation question…

How would you write Invalid timestamp. in Ukrainian? The context is an invalid/incorrect date and/or time has been provided in the Write panel.

Thanks in advance – and sorry to hijack your thread!

makss · 2015-07-07 16:05:12

How would you write Invalid timestamp. in Ukrainian? The context is an invalid/incorrect date and/or time has been provided in the Write panel.

I added on GitHub Ukrainian and Russian translation.

For me, knowing how bad English, a clear and logical message: Invalid Date or Time
BTW, I have always believed timestamp equivalent unixtime. :-)

gaekwad · 2015-07-07 16:10:43

makss wrote #292767:

I added on GitHub Ukrainian and Russian translation.

Excellent – thank you very much. Can I come back to you with other new Ukrainian and/or Russian translations in the future? I’m looking for a Ukrainian and/or Russian translator for this project, and you are a great candidate as a native speaker.

For me, knowing how bad English, a clear and logical message: Invalid Date or Time

Yes – actually, that is a better explanation. I’ll update the English versions.

makss · 2015-07-07 17:14:37

Can I come back to you with other new Ukrainian and/or Russian translations in the future? I’m looking for a Ukrainian and/or Russian translator for this project, and you are a great candidate as a native speaker.

Of course, I am happy to translate into Russian and Ukrainian.

Last edited by makss (2015-07-07 17:14:54)

gaekwad · 2015-07-07 18:00:47

makss wrote #292772:

Of course, I am happy to translate into Russian and Ukrainian.

Perfect. Thank you.

Textpattern CMS

Textpattern CMS support forum

#1 2015-07-07 11:48:37