Jump to content

How to make IPS4 "Release Notes" ?!


Angus90

Recommended Posts

Posted

Definitly a way, but im to lazy to add an additional field when there is already one :-)

A good question, because i was wondering that for myself as well already.
I have up to 4 projects which are differently released ( Hosting application, statspage, web application, chat system ). So I already did some ideas to that.

In fact my easiest solution is working with tags.
You could create 4 tags in different colors and render them additional on the release tab. That wold work and you could just create it as radio selection to get the specific release project.

Having a top menu for switching bring up some issues:

  1. Its a pain to make a tabbed content responsive. IPS decided to make a tab converted to a dropdown, easy and nice solution
  2. You need to rewrite the JS part in many ways, reloading of the releases, rendering etc.
  3. It is not that easy to read, you have a top menu, a tab bar and a side tab menu selection, i see various issues loosing control of the site.
    Im working with a simply way for my web applications, if you cannot understand a page in 5 seconds, you made something wrong. And i really think this will happen there, its not recommend in my eyes.

I could list some more, but this are the core things from my view.

Im not sure what you think about that now, let me know if the solution with the tags would be a solution for not growing the whole release notes too much. If not i might come up with some more ideas, but i would need to read through some things first.

Regards

The way im doing it now is just having a drop down list with the different systems that we have, and rendering it before the record title so it would look like "Website - 1.4.1" or "API - 5.2.4" Its simple to do this way, but i think it would be better just doing it in different categories. Ill try and poke around with it and see if i can find a way to do it

  • Replies 75
  • Created
  • Last Reply
Posted

The way im doing it now is just having a drop down list with the different systems that we have, and rendering it before the record title so it would look like "Website - 1.4.1" or "API - 5.2.4" Its simple to do this way, but i think it would be better just doing it in different categories. Ill try and poke around with it and see if i can find a way to do it

Let me know the process.

My suggestion is to take a look at the ACP for the category switcher, and use their classes and css modifiers, you can expand them matching the design, but at least you will have the jump on mobile phones to the list ;-)

  • 2 months later...
  • 2 weeks later...
Posted

The Notes application in the Marketplace is a full application. While it delivers a seemingly identical setup as the one on this site, it seems to be unnecessary if you already have the Pages application. Also a proper tutorial not only gives knowledge for creating other databases yourself but also lets you deviate from the tutorial to make your own customizations. I think the Notes application looks great for those who only want that as finished product.

I am more excited about a tutorial because that gives a unique window into some of the powerful features that Pages offers. Arbitrary tutorials showing custom development from start to finish provides a wealth of information that when combined with well written documentation allows both beginners and advanced users of Pages create truly custom content. The current documentation explaining each field in creating a new database is great. It was then made even better with a real world example. Where is falls short is that the current, only real world example still produces a finished product that looks and works like a web view for FileMaker. The Guides and Release Notes that IPS has are amazing examples of the power of the product. While it is supposedly simple to produce that for someone who has been developing with IPS for a while, for those who are new to IPS it is a daunting task. Either way, it's very exciting to see the continuous improvements and additions to the documentation and guides areas of IPS!

  • 3 weeks later...
Posted

The tutorial I've been writing for the Release Notes section is ready:

https://community.invisionpower.com/4guides/suite-applications/pages/recreating-the-release-notes-section/

I've tried to make a tutorial that's building a specific thing, but explaining the concepts and features of Pages along the way. Hopefully after building it, you'll have a better idea on how to do something different but using the same approach.

Please feel free to take a look, send me feedback, let me know what isn't clear etc. I'll update it constantly with improvements so it's as clear as possible.

I should also note it isn't a complete beginners tutorial - it assumes that you have some knowledge of HTML, for example.

Finally, if there's other requests for coverage of Pages in our guides, please let @Marc S or me know :)

Posted

That's perfect, Rikki - a real eye-opener and explained about as well as you could do so.

I'm particularly appreciative that you've chosen to explain what things are and why you're doing them. And I particularly love little things like the elements in brackets here: "Since we're only going to have one CSS file here, choose to insert it into the existing 'CSS' group (if you have much more complex pages, you could create your own grouping structure)." That's fabulous; not just "Let's do X" but "You'd do Y if you wanted to do something else".

I think it's going to be enlightening for many people to see things such as creating a template to change how things are displayed or adding custom CSS and JS files to a page. I was new to IPS when 4.0 was released and only learned these things by cobbling together comments in disparate threads. This is going to save a lot of people a lot of time, and have others doing things that they wouldn't have even known about. Thank you for putting so much effort into making it accessible.

Top job: 10/10.

Posted
1 hour ago, Rikki said:

The tutorial I've been writing for the Release Notes section is ready:

https://community.invisionpower.com/4guides/suite-applications/pages/recreating-the-release-notes-section/

THANK YOU VERY (!!!) much !

The guide is very good - with a lot of explanations what happes behind the scenes and it helps a lot to create better & more usable IPS pages :)
I hope we will see more of this tutorial for pages to use it more & more

10 points ;)

How you have made the list with the step points per page ? 
I like them very much - would be great to know how to make it - thanks in advance.

Posted
17 minutes ago, m@t said:

How you have made the list with the step points per page ? 
I like them very much - would be great to know how to make it - thanks in advance.

It's actually a category in the database, and each step is a separate record :) We just use custom templates to make it look like it's a single step by step article.

Posted

A great easy tutorial to follow for a total page newbie like myself. I did have a couple of questions:

  • Why create a CSS if we don't use it? Or did we and I simply missed it - going cross eyed looking for it
  • I have 2 display issues I can't work out (see image below)

FeaturePlan.PNG.894cd1a46f6405246d929e9a

Posted
19 hours ago, Rikki said:

The tutorial I've been writing for the Release Notes section is ready:

https://community.invisionpower.com/4guides/suite-applications/pages/recreating-the-release-notes-section/

I've tried to make a tutorial that's building a specific thing, but explaining the concepts and features of Pages along the way. Hopefully after building it, you'll have a better idea on how to do something different but using the same approach.

Please feel free to take a look, send me feedback, let me know what isn't clear etc. I'll update it constantly with improvements so it's as clear as possible.

I should also note it isn't a complete beginners tutorial - it assumes that you have some knowledge of HTML, for example.

Finally, if there's other requests for coverage of Pages in our guides, please let @Marc S or me know :)

Nice, well I guess now we need a guide on how to recreate the Guides section, ha.

Posted
12 hours ago, NoGi said:
  • Why create a CSS if we don't use it? Or did we and I simply missed it - going cross eyed looking for it

It's on the page where you create the CSS. Scroll down to the heading Assigning the files to the page.

This is something you can do with any page too if you want a special CSS or JS file to be used on only a few pages but not all.
 

12 hours ago, NoGi said:
  • I have 2 display issues I can't work out (see image below)

FeaturePlan.PNG.894cd1a46f6405246d929e9a

What you can see there is something called the Listing template. The fields that are visible are there because this is how the field is set to show under Display Options > Listing Template. What you must have done is select the fourth field down in Listing View Format:

rH4iK.jpg.dfbfd24be60aadde66d5107f8e578d

What you need to do is instead select "custom format" and paste some code in the box:

{{if $formValue == "1"}}<span class='ipsType_large ipsType_negative ipsPos_right cRelease_security' data-ipsTooltip title='This is a security release'><i class='fa fa-warning'></i></span>{{endif}}

It's explained under Formatting the Security Release field here.

Posted

i have a short question i hope somebody could help.

With which code part respectively where i can add the the small tumbnail image from record image (i have this field activ) in the left listening template recordrow?

When i put it inside the right record display template, no problem but at the left side i get it only as broken image & not displayed - or is there only a special part where i can add this inside the "recordrow" template?

I have tried with this code:

<div class="cCmsRecord_image">
					<img class="ipsImage" src="{file="$record->_record_image_thumb" extension="cms_Records"}">
				</div>

Thanks in advance ;)

 @Rikki

is there anywhere a current IPS 4.1.x list or guide with code elements ?
insert record image, show other fields or parts of databases, .. similar as you have it in the guide of the releasenotes

Posted
On 11/30/2015, 3:33:03, Rikki said:

The tutorial I've been writing for the Release Notes section is ready:

https://community.invisionpower.com/4guides/suite-applications/pages/recreating-the-release-notes-section/

I've tried to make a tutorial that's building a specific thing, but explaining the concepts and features of Pages along the way. Hopefully after building it, you'll have a better idea on how to do something different but using the same approach.

Please feel free to take a look, send me feedback, let me know what isn't clear etc. I'll update it constantly with improvements so it's as clear as possible.

I should also note it isn't a complete beginners tutorial - it assumes that you have some knowledge of HTML, for example.

Finally, if there's other requests for coverage of Pages in our guides, please let @Marc S or me know :)

Is there a plan to do the same for the guides / bug tracker section?

Posted
45 minutes ago, m@t said:

is there anywhere a current IPS 4.1.x list or guide with code elements ?
insert record image, show other fields or parts of databases, .. similar as you have it in the guide of the releasenotes

There isn't, simply because the entire IPS4 framework is available in those templates. It'd be a crazy amount to document. That said, we might be able to put together a list of the common ones. For now, you can refer to the default database templates (the ones under the "Category Index", "Listing", "Form" and "Display" categories in the Pages template editor) and see which objects are used there.

 

3 minutes ago, Michael Schneider said:

Is there a plan to do the same for the guides / bug tracker section?

I don't think we'll document the Guides section in the same way, simply because it'd be mostly the same thing just with slightly different templates. However, I am planning to write a tutorial on building the bug tracker, because that was built with no code changes at all - that will serve as our 'basic' Pages tutorial, for non-coders :) 

Posted
Just now, Rikki said:

I don't think we'll document the Guides section in the same way, simply because it'd be mostly the same thing just with slightly different templates. However, I am planning to write a tutorial on building the bug tracker, because that was built with no code changes at all - that will serve as our 'basic' Pages tutorial, for non-coders :) 

Sounds reasonable and understandable. Thanks for the info.

I just asked for the guides section because its a really nice and basic idea to serve easily information to users.

Posted
8 minutes ago, Rikki said:

There isn't, simply because the entire IPS4 framework is available in those templates. It'd be a crazy amount to document. That said, we might be able to put together a list of the common ones. For now, you can refer to the default database templates (the ones under the "Category Index", "Listing", "Form" and "Display" categories in the Pages template editor) and see which objects are used there.

Of course i understand that this is a big job - i know - i have tried to get the image from tumbnail inside the recordrow - in display template it has worked - but in record row broken image, i do not know if the code is really correct? 

I play a lot with the existing codes - with IPS 4 pages i found a new good place for this ;)

I would like to have a simple tumbnail from the record_image under the title in the listening template - i have something similar in an block there it also works, i do not know why in this special template not only as broken image :(

 

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...