Web app: Unlimited Detail layout

Is it possible to have unlimited detailed layout like we have unlimited list layout in BC?
Regards

Want you to figure it out for yourself with some tips. You glossed over them and did not read it.
- Output a single web app item list module on a page.
You can get a specifc web app item list view out.
- The first ID is the web app, the second id is the web app item. (think of a tag that now renders in the detail view that fetches a the web app item id, hmm)
You can see in the module the ID's and I told you what they were.
- Know you can create custom fields and they have a tag.
You have a tag that fetches the web app item id
- Know you can have unlimited list templates.
What would happen if you put that module and replaced the manual web app item id with the tag. It would fetch the web app item your in the detail view of list layout.
Now, you can make a few list layout files for different layouts and have the detail view in those list layouts.
Now, How would one have an option in the web app to choose these layouts, you would need some form of custom field dropdown.. Oh web apps can do that..
I wont stop being criptic.
Dont just blind look at BC. Look at what things are doing, step back, think, Create!
Dont look at BC in face value, you wont get far with it if you do.
Trying to break you out of doing that as I can see many do this. It is why I vary rarely give any code to anyone ask help. I will always lead people to the right answer so you figure it out for yourself and learn.

Similar Messages

I have a samsung note and i was aable to work with outlook web app in detail or premium view. Suddently, 2 - 3 ago, i can have only the light version. Help !!

Microsoft says that firefox is a browser that shows the full or premium or detail view of outlook web app. Is there something changed in firefox, or i did something to my samsung, and maybe you can tell me what i made wrong ? Thanks

Hi,
I'm sorry you are having this problem. Are you able to find a link to the webapp in your history that doesn't have 'm' or mobile in it? Maybe you are now being redirected to the simpler version?
Thanks,
Michelle

Web app: Custom List Layout for WebApp Search Results

Hi there
I am quite familiar with creating additional .tpl list layouts and using them.
Question though, is it possible to have a WebApp search form return results using a custom layout as opposed to the list or list_backup views i.e. customize the following:
{module_webappsresults,,,true,-1,,1}
Any help would be much appreciated!
Gavin

Hi Enjin Powerhouse,
Please review the following thread: http://forums.adobe.com/message/5668839#5077760. Unfortunately {module_webappsresults} is not a supported layout.
Cheers.

I need to display a web app search form, inside the detail view of another web app. Does anyone know

I can't seem to get a web app search form to work inside another web app detail page. Does anyone know if this is possible?
I can display a list of web app items; and the search form works on a standard page; but when I try to load it within another web app's detail page, I get an error: "page not found". This happens regarless of whether I put {module_searchresuts} on the same page as the form, or if I redirect results to another page.
Does anyone have any suggestions?

Heya.. You currently can not do that within the detail view but it is possible to redirect the results to another page.
Simply replace this red portion:
action="/Default.aspx?SiteSearchID=50&PageID={module_oid}"
with:
ID=/results-page.html
...results-page.html being the page you want instead.

Javascript stops working when a detail view of a web app is shown

On a trial site I am working on for some reason the javascript breaks on the template when a detail view of a webapp is on screen. If anyone could let me know why this might be please let me know.
this link is a test page, javascript works fine http://igate.businesscatalyst.com/city-profile-input
same template used with this link same web app only detail view, all the javascript is broken http://igate.businesscatalyst.com/city-profile/test#
Any thoughts, let me know. Thanks -Matt

Liam, I figured it out based on your comment. Something I really do know but just totally overlooked.
The problem was this:
<script type="text/javascript" src="js/mediaelement-and-player.min.js"></script>
The Fix:
<script type="text/javascript" src="/js/mediaelement-and-player.min.js"></script>
I was missing the / for the beginning of the path.
Thanks All

Looping through items in a web app

Hi there,
On this site - http://www.dandmrural.com.au/
Where it reads Latest news, I have each news piece setup as a content holder with a piece of javascript looping through them.
I want to modify this to use Web apps so the client can add and remove items themselves and have them looping through as they do now.
Using a Webapp I have access to {module_webapps,20117,a} which lists out all the items and {module_webappscount,20117} which gives me a count of the number of items.
Can someone please give me some pointers on how to go about migrating from a content holder setup to using webapps.
Thanks, Ben

Your first step should be to customize the web app item list layout to match how each item is rendered in the shared content holder. From there, you should recreate each news item as an individual web app items. Finally, replace the content holder with the web app item list module ( {module_webapps,20117,a} ). It appears that the script that is responsible for handling the looping can be found here and is not relying on any sort of fixed number to control the transitions. Instead, it simply is looking for any divs which have an id that begin with "content-" and fades them in & out in whatever order it finds them until it reaches the final item and then starts over.
Additionally, I would recommend adding some sort of incremental counter to your div id within your list template. Currently, the divs which contain each of the three news items share the same id attribute of "content-" which is not something you want.
Something like this in your list layout should do the trick:
<div id="content-{tag_counter}">

Can't use {tag_itemid} in web app detail layouts

Hey gang,
I was trying to help someone implement a rating star system for their web app items and they wanted the ratings widget also to appear in the detail layout but for the widget to work they needed each item to have a unique id. It works fine for them in the list layout but the {tag_itemid} does not render in the detail layout. This is a third-party star ratings widget/service so they store the rating data on another server and each time they show the ratings widget it needs to be tied to a unique id. I suggested adding a "uniqueid" field to their web app but they intimated that having the client add/update a new uniqueid for each item (of which they have thousands) would be unmanageable.
I think this is a bug. Is there a reason we can't use {tag_itemid} in the web app detail layout?

brilliant!
what is the usual timeline for a sprint Mario lol?
Defintely agree with Liam in that most of the tags/module tags for both the list and detail layouts should be universal as there are some situations where you need to use the tags dynamically to create outputs that need to be shown in both...
for example
I'm using a polldaddy rating system for a webapp currently and to get it to show up on each listing item separately requires a unique ID so using {tag_itemid} made perfect sense as it wouldnt break any polldaddy coding... however I cannot call the same rating system into the detail page (where it would logically be repeated) because I cannot replicate the same ID with no {tag_itemid} availble.
Asecond example is:
Since we had managed to put a readers upload gallery into a nice compact layout in the list layout using litebox and the ?Action=thumbnail feature the client really wanted to keep the photo gallery commenting system simple aslo (not to many steps) so ideally we would have liked to only ustilise the list-template and put the comment feedback tag in a sliding div (to show & hide it) so that readers could stay on one list page... but once again this wasnt possible becuase the {module_ratingfeedback} was not available in the list view (forcing us to make them click through to the detail page).
FYI: heres a sample link to what we had to put together in the end for the above - still slightly in development
http://www.nzhunter.co.nz/test-gallery
Anyway I think you get the idea - more flexibility and universal usage options for tags/module calls would be great.
Look forward to the updates at some point.

Modify news, web apps layouts for mobile site?

I am modifying an existing website to create a mobile version, placing my mobile pages in a /mobile subfolder. I am having an issue with the news and web apps, as I have already designated my templates and layouts for the full desktop version, and because my news and webapp items cannot be placed into my /mobile folder. So, now I need to display that information differently for mobile and cannot figure out how, since I am limited to a single List Layout and a single Detail Layout (for news. At least the web apps give me an Backup List Layout, which was helpful). How have others accomplished this type of thing??
An example: On my desktop version, I have announcements shown on the homepage as short blurbs (using the list view). My detail view I already have formatted for the full screen desktop version and does not work well for mobile screens. After many attempts at workarounds, I decided that I would simply show the complete announcement for mobile as a List Layout and not use a Detailed Layout at all so that I don't even have to bother with it. My thought was to code both my desktop and mobile list layouts in the List Layout of my Announcements module, and use css to show/ hide the appropriate one.
E.g.--
html in my List Layout:
<div id="standardnews">
<h3>{tag_subject} - {tag_eventfromdate}</h3>
<p>{tag_body, 140}</p>
</div>
<div id="mobilenews">
<h3>{tag_subject_nolink} - {tag_eventfromdate}</h3>
<p>{tag_body}</p>
</div>
on my desktop css stylesheet:
div#standardnews { display:block; }
div#mobilenews { display:none; }
on my mobile css stylesheet:
div#standardnews { display:none; }
div#mobilenews { display:block; }
The css works just fine, however, on my mobile site instead of rendering the event from date, it actually rendered the tag itself "{tag_eventfromdate}". So, apparently I can't have multiple instances of a tag within a single page?? Is there a way around this?
I would be grateful for any input here on the best way to handle this type of thing, given the limitations I am running into.

You can make as many list templates as you like now.
You can have a different template per device - phone, tablet, desktop so if modules are in that template they will then render those different templates and thus different layouts.
If you have modules in pages that page can be differnt per device as outlined under site settings and mobile section.
Unlimited list layouts - http://www.businesscatalyst.com/_blog/BC_Blog/post/Video_Create_custom_list_templates_for_ BC_Modules/
You CAN NOT though have conditional tags in BC yet and you can not in one list layout have tags render differently based on the device.
Style and presentation you use media quries and the System tag for device provided by BC.

How to hide web app data in a detail template

Hi, is it possible to hide some part of my content from a web app detail template.
For example, I am doing a company directory which has some layout like:
Phone: {tag_telephone}
Email: {tag_email}
Website: {tag_website}
If one company does not provide a website address for example, it looks like this on the page:
Phone: 12345
Email: [email protected]
Website:
(with a blank area left next to the heading of 'website' - but the website heading sits there looking lonely
Is there a way I can tell BC 'if you don't fill out a field, you don't display the field itself and the heading that goes next to it. So it would look like this:
Phone: 12345
Email: [email protected]
Some businesses will have websites, others not, and the same scenario applies for phone and email, the companies may just provide one or more of each item. It would be good to get away with getting a dash next to the item that isn't used.
Thanks.

Hi
This can be fixed by doging something along these lines:
Assign an id (ex: m1) to the div in which you place your webside field, and contain this in another div with another id (ex m0), which contains the "E-mail:" tag as well. With a little java script you can checkhide if m1 is empty and if so, alter the style for m0 to be hidden.

How to link web app item to different URL other than detail page

Hi, this is probably a bit of a stupid question but I can't find the answer anywhere. On my site, I have projects set up as web apps--I want the customer to be able to click on the title or image for the web app and for it to link to a PDF or blog page, NOT the detail view.
So I want the app title and image to link to a different URL, not detail view.
Here's the page in question, if that helps: http://sherrihaab.businesscatalyst.com/projects
Thanks in advance for any help.

{tag_name_nolink} - Will make the title with no link wrapped around it
{tag_yourimagefield_value} - Will give you the raw source of the file location
You can then form your own image html and links wrapping this and the web app item name text.
To form the link source to go to - create a text custom field and just type or copy and paste a url into that field.

Uploading values for an image field in a web app. Nothing displays in layout.

I've uploaded the values (using the import) for a field defined as an image in a web app. When I try to display the field, nothing shows up. The value correctly shows up when I look at Web App items after the upload / import. I've uploaded the same value in a text field, just to learn what was happening, and the text field displays the image just fine when added to the layout.
I would like to use the image field type, as it's easier to correctly create the link when the web app is updated in the future.
Here is what works in the layout: <a href="{tag_link to page}"> <img alt="" class="column66_award_thumb" id="thx" src="{tag_image thumb}" /></a>
Note that {tag_image thumb} is a text field with the link stored in it. The value for each Web App Item which populates this field is a link to the image. (i.e. /Awards/139.jpg)
Here is what I want to work: <a href="{tag_link to page}"> <img alt="" class="column66_award_thumb" id="thx" src="{tag_thumbnail image_value}" /></a> , where {tag_thumbnail image_value} refers to a field defined as an image in the web app. It has the exact same value as {tag_image thumb}. I just copied the field values in the Excel spreadsheet (saved as .csv) when I uploaded it.
It looks like the image field works fine only when I manually create it in the web app. If this is the case, using the upload capability disables any ability to use the image field type.
Is there a workaround for this? Am I missing something?
The page I'm working on is http://www.e-a-a.com/awards When you view the source, you can see that the small thumbnail images are displaying just fine. (I'm using the text field). Whenever I substitute the image field name {tag_thumbnail image}, {tag_thumbnail image_nolink}, or {tag_thumbnail image_value}, the src value is always null.
How do I fix?

Hi there,
To do it properly you need to resize the image. Prefably before you put it into BC. While you can for scale the image in CSS you do not want to do this. Why? Because the images are still very big and likely not optimised as they should be for the web.
This means the page with these images will take a very long time to load for people, and people wont be to happy about that viewing your site.
You need to use software such as photoshop if you have it or iphoto on a mac for example to edit, crop and size images before you upload them. If you do not have anything you can use free web based tools such as this one:
http://pixlr.com/editor/
You can also do this within BC itself in the file manager. If you click the image you can see options to resize it. The downside of that is that is done by pure math. It does not know what is in the photo and the results can make the image look squished etc.

Using liquid on web detail layout breaks template

I am using an if logic tag to hide text if a web field is empty in the web detail layout but it breaks the template - none of my content holders in the page template are rendering.
The actual if tag is doing its job and hiding the text.
If I render the webapp to a normal html page with the if logic tag, the template does not break.
I read somewhere in the documentation that all the tags must be rendered in liquid.
Is it not possible at this stage to add liquid to the web detail layout?

It will not be a bug because liquid works in detail layouts and everywhere just fine.
Can you post the code as it is likely you have an error.
You DO NOT need to do all liquid - Please ensure your not reading old documentation about the old liquid, what we have now and what was done previously are quite different.

Wish list request- {tag_classifications} in Web apps list layout

To be able to use the {tag_classifications} in the Web app list layout, list would allow for advanced filtering i nthe list layout.

Agreed!! Why this wasn't done when they added {tag_itemID} etc. is beyond me! This can be used for so many resources.

Editing the Schedule PDP, at the Page Details Web Part, inserted wrong Project Web App URL. Cannot access Project Schedule Pages.

I need a help. The environment, SharePoint and Project Server 2013 and SQL Server 2012, running on Windows Server 2008. Editing Details Web Part in a Schedule PDP Page, saved invalid Project Web App URL. After that, can display the Project Information and Project
Details Pages from the projects accessed, and can display the Project site, too. But, when I access the Project Schedule Page, receive an error page, because of the invalid URL. The message is obvious: "There
is no Web named xxxxxxx". I´ve tried to find out how to correct this, but no success, because cannot open the Project Schedule page anymore.
I would like to know if there is some way to fix it without re-installing the system. Thanks for all. If somebody need more information, have log information and page display available.

Paul,
When I click Schedule after PWA Settings > Project Details Page, there comes the error.
I can download the Schedule Page. But I don't see where to change, because the wrong URL doesn't apper at the page.
I'm sending below the page that I can download. The schedule.aspx.
<%@ Page language="C#" MasterPageFile="~masterurl/default.master" Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage" %>
<asp:Content ContentPlaceHolderId="PlaceHolderPageTitle" runat="server">
<SharePoint:ListProperty Property="Title" runat="server"/> - <SharePoint:ListItemProperty Property="BaseName" maxlength="40" runat="server"/>
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageTitleInTitleArea" runat="server">
<WebPartPages:WebPartZone runat="server" title="loc:TitleBar" id="TitleBar" AllowLayoutChange="false" AllowPersonalization="false" />
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
<meta name="GENERATOR" content="Microsoft SharePoint" />
<meta name="ProgId" content="SharePoint.WebPartPage.Document" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="CollaborationServer" content="SharePoint Team Web Site" />
<script type="text/javascript">
var navBarHelpOverrideKey = "wssmain";
</script>
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderSearchArea" runat="server" />
<asp:Content ContentPlaceHolderId="PlaceHolderPageDescription" runat="server">
<asp:literal id="idPageDescription" runat="server" text="<%$Resources:PWA,PAGE_DESCRIPTION_SCHEDULE%>" />
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageImage" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderNavSpacer" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
<WebPartPages:WebPartZone runat="server" Title="loc:FullPage" ID="FullPage" FrameType="TitleBarOnly"/>
</asp:Content>
<asp:Content ContentPlaceHolderID="PlaceHolderUtilityContent" Runat="server">
</asp:Content>
Thanks
LuisPerez

Editing the Schedule PDP, at the Page Details Web Part, inserted wrong Project Web App URL. Now, cannot access Project Schedules.

I need a help. The environment, SharePoint and Project Server 2013 and SQL Server 2012, running on Windows Server 2008. Editing Details Web Part in a Schedule PDP Page, saved invalid Project Web App URL. After that, can display the Project Information and
Project Details Pages from the projects accessed, and can display the Project site, too. But, when I access the Project Schedule Page, receive an error page, because of the invalid URL. The message is obvious: "There
is no Web named xxxxxxx". I´ve tried to find out how to correct this, but no success, because cannot open the Project Schedule page anymore.
I would like to know if there is some way to fix it without re-installing the system. Thanks for all. If somebody need more information, have log information and page display available.

Luis,
Have you tried this?
Navigate to the schedule PDP, in the browser address bar, append the string
?Contents=1, like thus:
https://<your PWA Address>/Project%20Detail%20Pages/Schedule.aspx?Contents=1
This will open the Webpart Maintenance page. Now, select the Details
webpart, and Delete it. Once done, navigate bacjk to the webpart page, edit page, and re-add the Details Webpart to the page.
This should fix your issue.
Cheers,
Prasanna Adavi, Project MVP
Blog:
Podcast:
Twitter:
LinkedIn:

Web app: Unlimited Detail layout

Similar Messages

Maybe you are looking for