anychart column-3d doesn't correctly display x-axis labels with categorized_by_series=true - anychart

I am wondering is anychart column-3d has a way to fix displaying correct x-axis named while categorizing the series.
I have the following xml:
<anychart xmlns="http://anychart.com/schemas/8.0.0/xml-schema.xsd">
<chart type="column-3d" default_series_type="column" y_scale="0" z_angle="30" z_aspect="20" categorized_by_series="true">
<margin top="40">
</margin>
<chart_labels>
<label text="Bericht Gesamt||export.aspx?questionGroupId=38&version=2" anchor="top" position="left" enabled="true">
</label>
<label text="../anychart.aspx?qg=38&version=2" anchor="top" position="left" enabled="true">
</label>
</chart_labels>
<title enabled="true" use_html="true">
<text><![CDATA[Report für ELBI International S.p.A., GT Gerätefertigung (DE), 20200101 - 20210114, Lieferantenqualifizierung<br><div style="color:#0000FF; font-size: 10px;border: solid 1px #000;">Lieferantenqualifizierung, Erfüllung in % : 86,19 (AB)</span>]]></text>
</title>
<y_grids>
<grid>
<palette>
<items>
<item color="#CCC" opacity="0.25"/>
<item color="#FFF"/>
</items>
</palette>
</grid>
</y_grids>
<y_axes>
<axis>
<title use_html="true">
<text><![CDATA[<b>Set axis name here</b>]]></text>
</title>
<minor_ticks enabled="true"/>
</axis>
</y_axes>
<scales>
<scale type="linear" minimum="0" maximum="100">
<ticks interval="10" />
<minor_ticks interval="2" />
</scale>
</scales>
<series_list>
<series name="Qualität">
<tooltip enabled="true">
<format><![CDATA[Erfüllung in %: {%percentReached} ({%rating}) \nPunkte: {%score}]]></format>
<title>Qualität</title>
</tooltip>
<data>
<point value="81.9" percentReached="81,90" actionType="updateChart" sourceMode="externalData" rating="AB" score="40,95" x="1" source="../anychart.aspx?qg=39&version=2">
</point>
</data>
</series>
<series name="Lieferung">
<tooltip enabled="true">
<format><![CDATA[Erfüllung in %: {%percentReached} ({%rating}) \nPunkte: {%score}]]></format>
<title>Lieferung</title>
</tooltip>
<data>
<point value="90.48" percentReached="90,48" actionType="updateChart" sourceMode="externalData" rating="A " score="45,24" x="1" source="../anychart.aspx?qg=41&version=2">
</point>
</data>
</series>
</series_list>
</chart>
In 3d mode it shows x-labels from point's x value directly and looks like this:
But switching back to simple column type fix the issues:
Maybe someone knows a way around to overcome this?
This is the last chart version 8.

So, thanks goes to anychart support.
Unfortunatly, 3d charts doesn't support categorized_by_series attribute, at least for now.
If you need this functionality, you have to used 2d variant only.

Related

ADF: Cannot make panelLabelAndMessage and selectBooleanCheckbox align with each other in panelGridLayout

I have already set the attribute Valign of <af:gridCell> to middle, but still cannot make them line up horizontally.
The code is like:
<af:panelGridLayout>
<af:gridRow>
<af:gridCell valign="middle">
<af:panelLabelAndMessage />
</af:gridCell>
<af:gridCell valign="middle">
<af:selectBooleanCheckbox simple="true" readOnly="true" selected="true" />
</af:gridCell>
</af:gridRow>
</af:panelGridLayout>
I also tried valign="strectch", however, when the selectBooleanCheckbox is selected the center of tick remains higher than that of panelLabelAndMessage.
Is there something that I didn't take into consideration?
Use labelstyle="width:100px" in your panelLabelAndMessage and selectBooleanCheckbox use pixel value according to your requirement

How to convert GroupingView to Grouping in extjs 4

According to sencha in extjs 4 the remove GroupingView.
GroupingView has been removed and replaced with Grouping feauture.
But I want to change my old code accordingly and missing Listeners:
<ext:GroupingView ID="gridView" HideGroupedColumn="true" ForceFit="true" >
<Listeners>
<Refresh Handler="CheckHeader(#{checkSelectionModel});" />
</Listeners>
<GetRowClass Fn="getRowClass" />
</ext:GroupingView>
I think it should be done this way.
<ext:GridPanel ID="GridPanel1" runat="server" ForceFit="true">
<View>
<ext:GridView runat="server">
<GetRowClass Fn="getRowClass" />
<Listeners>
<Refresh Handler="CheckHeader(#{checkSelectionModel});" />
</Listeners>
</ext:GridView>
</View>
<Features>
<ext:Grouping runat="server" HideGroupedHeader="true" />
</Features>
</ext:GridPanel>

Richface popup not working in GAE

Base on example from richface showcase:
http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=popup&sample=simplePopup&skin=blueSky
When I call the popup using #{rich:component, nothing happen (ie. no popup):
<a4j:commandLink styleClass="no-decor" execute="#this"
oncomplete="#{rich:component('popup')}.show()">
However when I change to using rich:componentControl, popup appear
<a4j:commandLink styleClass="no-decor" execute="#this">
<rich:componentControl target="popup" operation="show" />
Note: Both work find from GAE when I run from my local notebook but problem happen when I deploy to GAE online (http://cloudenterpriseapps.appspot.com/public/test/testPopup.jsf)
Any help?
Just solved by adding
<a4j:status onstart="#{rich:component('statPane')}.show()"
onstop="#{rich:component('statPane')}.hide()" />
...
<rich:popupPanel id="statPane" autosized="true">
<h:graphicImage value="/images/common/ai.gif" alt="ai" />
Please wait...
</rich:popupPanel>
Here the complete code and now work fine.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:rich="http://richfaces.org/rich"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<ui:composition>
<h:head>
<title>RichFaces Showcase</title>
</h:head>
<h:body>
<a4j:status onstart="#{rich:component('statPane')}.show()"
onstop="#{rich:component('statPane')}.hide()" />
<a4j:commandLink styleClass="no-decor" execute="#this" render="#none"
action="#{dummyBean.methodCall}"
oncomplete="#{rich:component('popup')}.show()">
<h:graphicImage value="/images/icons/common/edit.gif" alt="edit" />
</a4j:commandLink>
<h:form id="myform">
<rich:popupPanel id="popup" modal="false" autosized="true"
resizeable="false">
<f:facet name="header">
<h:outputText value="Simple popup panel" />
</f:facet>
<f:facet name="controls">
<h:outputLink value="#"
onclick="#{rich:component('popup')}.hide(); return false;">
X
</h:outputLink>
</f:facet>
<p>Any content might be inside this panel.</p>
<p>
The popup panel is open and closed from the javascript function of
component client side object. The following code <a href="#"
onclick="#{rich:component('popup')}.hide()">hide this panel</a>:
<f:verbatim>#</f:verbatim>
{rich:component('popup')}.hide()
</p>
<a4j:commandButton value="Close" styleClass="no-decor"
execute="#this" render="#none" action="#{dummyBean.methodCall2}"
oncomplete="#{rich:component('popup')}.hide()"/>
<br />
</rich:popupPanel>
</h:form>
<rich:popupPanel id="statPane" autosized="true">
<h:graphicImage value="/images/common/ai.gif" alt="ai" />
Please wait...
</rich:popupPanel>
</h:body>
</ui:composition>
</html>

How to make NewsList from News package show news as list

I'am calling the NewsList (from the standard Composite.News package) from a template like this:
<f:function name="Composite.News.NewsList" xmlns:f="http://www.composite.net/ns/function/1.0">
<f:param name="ListOptions" value="Show date,Show teaser" />
<f:param name="PageSize" value="10" />
<f:param name="DateFormat" value="dddd, MMMM dd, yyyy" />
</f:function>
I can't make it to show the news as a list. It only shows the first newsitem in the detailsmode.
What does the below line in the NewsList function do?
How can I make the control show my news in a list and not the first (most recent) item?
I have talked to a more experienced Composite Developer and he couldn't either make the Composite.News.Newslist show news in a list.
UPDATE:
I can se that the OMNICORP site doesn't use the standard News package. What is the reason for that?
Omnicorp Demo Site has its own News module based on global data type "Omnicorp.Content.News" and XSLT function "Omnicorp.Content.News"
Composite.News package is different and based on page data folder named "Composite.News.NewsItem" and two XSLT functions: "Composite.News.NewsList" and "Composite.News.NewsTeasers". So to use this package you should follow the steps described here - http://docs.composite.net/Packages/CompositeNews: create a page with page type = "News page". Add news item to the News page data folder (under the page). On the Content tab, have the Composite.News.NewsList function, which will render News List with links to the details.
But can I make the NewsTeasers list all the news and set up paging as well?
Yes you can. You can modify the existent NewsTeaser function or create the new function. On the Function Call tab modify the "Composite.News.NewsItem.GetNewsItemXml" function call and specify next parameters "PageNumber" and "IncludePagingInfo" with next values:
<f:param name="PageNumber">
<f:function name="Composite.Web.Request.QueryStringIntegerValue">
<f:param name="ParameterName" value="Page" />
<f:param name="FallbackValue" value="1" />
</f:function>
</f:param>
<f:param name="IncludePagingInfo" value="True" />
On the function Template tab add template to display PagingInfo:
<xsl:param name="pagingInfo" select="/in:inputs/in:result[#name='GetNewsItemXml']/PagingInfo" />
...
<xsl:if test="$pagingInfo/#TotalPageCount > 1">
<div class="Paging">
<xsl:apply-templates select="$pagingInfo" />
</div>
</xsl:if>
...
<xsl:template match="PagingInfo">
<xsl:param name="page" select="1" />
<xsl:if test="$page < #TotalPageCount + 1">
<xsl:if test="$page = #CurrentPageNumber">
<span><xsl:value-of select="$page" /></span>
</xsl:if>
<xsl:if test="not($page = #CurrentPageNumber)">
<xsl:value-of select="$page" />
</xsl:if>
<xsl:apply-templates select=".">
<xsl:with-param name="page" select="$page+1" />
</xsl:apply-templates>
</xsl:if>
</xsl:template>
For more information how to add Paging to the XSLT read this article- http://docs.composite.net/XSLT/SortingAndPaging

How do I embed a Silverlight control into a Facelets page?

I am trying to embed a Silverlight control into a JSF 2.0 page, which is using Facelets, however, I am receiving a very ambiguous error message when the page renders.
Can anyone suggest how I can do this? I have my clientaccesspolicy.xml, and silverlight.js in place.
When I remove the <object> tag, the JSF page displays correctly
If I place the <object> tag into a vanilla HTML page, the silverlight control renders correctly in my Tomcat 7.0.25.
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:cayman="http://www.fnet.com/cayman/jsf"
template="/WEB-INF/jsf/template.xhtml">
<ui:define name="title">Home Page</ui:define>
<ui:define name="content">
<h:form>
<ui:include src="header.xhtml">
<ui:param name="loginBean" value="#{UserLoginComponent}" />
</ui:include>
<div>
<p:growl />
</div>
<center>
<p:panel header="Home Page">
<f:verbatim escape="#{true}">
<object data="data:application/x-silverlight-2,"
type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="Dashboard.xap" />
<a
href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0"
style="text-decoration: none"> <img
src="http://go.microsoft.com/fwlink/?LinkId=161376"
alt="Get Microsoft Silverlight" style="border-style: none" />
</a>
</object>
</f:verbatim>
<iframe id="_sl_historyFrame"
style="visibility: hidden; height: 0px; width: 0px; border: 0px"></iframe>
<h:inputHidden id="userid" value="ADMINISTRATOR" />
<h:inputHidden id="password" value="admin" />
<h:inputHidden id="adminserviceuurl"
value="http://129.196.218.35:8080/cayman/services" />
</p:panel>
</center>
</h:form>
</ui:define>
Remove <f:verbatim>. It's a leftover from the old ages of JSF 1.x on JSP and deprecated in JSF 2.x.
As to the ambiguous error message which you forgot to include in your question, make sure that you're properly escaping XML special characters like &. Facelets is a XML based view technology and will be parsed by a XML parser before generating the HTML. The XML parser will choke when it encounters & which is supposed to represent the start of an entity, but there is no ; to denote the end of an entity or when the entity by itself does not represent anything at all.
So, replace
href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0"
by
href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0"

Resources