Invision Community 5: A video walkthrough creating a custom theme and homepage By Matt Thursday at 04:02 PM
Derpity Posted August 22, 2015 Posted August 22, 2015 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:Its a pain to make a tabbed content responsive. IPS decided to make a tab converted to a dropdown, easy and nice solutionYou need to rewrite the JS part in many ways, reloading of the releases, rendering etc.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.RegardsThe 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
GriefCode Posted August 22, 2015 Posted August 22, 2015 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 itLet 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 ;-)
Brian Klein Posted October 29, 2015 Posted October 29, 2015 there is a page error in the html. most likely due to the new update. but it is broken.
GriefCode Posted October 29, 2015 Posted October 29, 2015 Hm... well i actually asked today for the templates:https://community.invisionpower.com/topic/422079-41-templates/ But since there is no respond yet, i dont expect one. If i got some spare time i will create the templates and share them, since it seems to be able to download them already.
Brian Klein Posted October 30, 2015 Posted October 30, 2015 oh I will eagerly watch this thread man, thanks for the try!
Marius Posted November 11, 2015 Posted November 11, 2015 On 30 octombrie 2015, 05:03:27, Rikki said: I can say that the tutorial is in progress any news about it ? thank you
Rikki Posted November 11, 2015 Posted November 11, 2015 5 hours ago, Marius said: any news about it ? thank you It's about half-done so far - we've had a busy week
Devin De Frisco Posted November 11, 2015 Posted November 11, 2015 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!
Rikki Posted November 30, 2015 Posted November 30, 2015 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
Meddysong Posted November 30, 2015 Posted November 30, 2015 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.
m@t Posted November 30, 2015 Posted November 30, 2015 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.
Rikki Posted November 30, 2015 Posted November 30, 2015 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.
NoGi Posted December 1, 2015 Posted December 1, 2015 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)
-FP Posted December 1, 2015 Posted December 1, 2015 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.
Meddysong Posted December 1, 2015 Posted December 1, 2015 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) 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: 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.
NoGi Posted December 1, 2015 Posted December 1, 2015 @Meddysong thanks very much for that, all sorted. Darn hidden text, don't know how many times I missed it for other sections as I did the guide lol All up an running now.
m@t Posted December 2, 2015 Posted December 2, 2015 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
GriefCode Posted December 2, 2015 Posted December 2, 2015 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?
Rikki Posted December 2, 2015 Posted December 2, 2015 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
GriefCode Posted December 2, 2015 Posted December 2, 2015 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.
Rikki Posted December 2, 2015 Posted December 2, 2015 What I can do is just provide the templates and field formatting for those if that helps, without the tutorial.
m@t Posted December 2, 2015 Posted December 2, 2015 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.