I currently have a column chart which uses the default appearance. I understand that I can change the appearance of the chart in the html but I was wondering if I can use a css class to define all of this and if so how?
<div class="row">
<div class="col-md-4">
<telerik:RadHtmlChart runat="server" ID="ColumnChart" Transitions="true">
<ClientEvents OnSeriesClick="OnChartClick" />
<PlotArea>
<Series>
<telerik:ColumnSeries DataFieldY="Count" Name="Product" />
</Series>
<Appearance>
<FillStyle BackgroundColor="Transparent" />
</Appearance>
<XAxis DataLabelsField="Product" />
<YAxis>
<TitleAppearance Position="Center" RotationAngle="0" />
</YAxis>
</PlotArea>
<Legend>
<Appearance Visible="false" />
</Legend>
</telerik:RadHtmlChart>
</div>
[...]
I send the data to the chart by setting a DataTable equal to the DataSource property of the chart. Thus, if a new product is added to the DataTable I would like it to use the extra data without me having to edit the html too. I need the chart to use standard colours which are set by regulation can I assign these via a stylesheet?
http://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling
Check out this Link, this might can help you.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have XML SAPUI5 table with delete button embedded in each rows. Table is bound to a JSON..
<Table id="idUploadTable" mode="None" delete="handleDeleteListItem" width="100%"
items="{uiFormModel>/attachmentList}">
<columns>
<Column id="idFileNameCol" vAlign="Middle">
<header>
<Label text="File Name" />
</header>
</Column>
<Column id="idUploadedOByCol" hAlign="Left" vAlign="Middle">
<header>
<Label text="Uploaded By" />
</header>
</Column>
<Column id="idUploadedOnCol" hAlign="Left" vAlign="Middle">
<header>
<Label text="Uploaded On" />
</header>
</Column>
<Column id="idUploadedDelCol" hAlign="Left" vAlign="Middle">
<header>
<Label text="" />
</header>
</Column>
</columns>
<items>
<ColumnListItem>
<cells>
<Link text="{uiFormModel>fileName}" href="{uiFormModel>fileLocation}" target="blank"/>
<Text text="{uiFormModel>uploadedByUserName}" />
<Text text="{uiFormModel>uploadedOn}" />
<Button icon="sap-icon://delete" press="handleDeleteAttachment">
<customData>
<core:CustomData key="multi" value="true" />
</customData>
</Button>
</cells>
</ColumnListItem>
</items>
</Table>
Table is bound to a JSON model
I am able to load data from the above JSON to the table. What I want is, when user clicks on delete button embedded in the row, that specific row needs to be deleted. Table selection mode has to be None. How can I achieve this with the above mentioned code as the baseline?
Thanks in advance..
Faddy
On the handler for the button click, you need to get the "binding path". This is a path in the model from the root to the instance data. With that you can get it's value, then go to your model, select the corresponding instance and remove it. The table updates automatically. The binding path part is something along the lines of :
new sap.ui.commons.Button({ /* ... */
press: function(e){
var sPath = e.getSource().getBindingContext('uiFormModel').getPath();
var oModel = sap.ui.getCore().getModel('uiFormModel');
var oRowData = oModel.getProperty(sPath);
}
}
Hope it helps
I am familiar with SQL but pulling it from a SharePoint list has proved really frustrating. The syntax is completely different and I find myself stumped on doing what should be a simple.
What I'm wanting to do is pull records when one of several date fields are greater than today's date or less than a date 60 days in the future. Also the value of a field called ActiveStatus should not be Deactive. Currently I have an applied filter on the dataset query designer that limits it to where ActiveStatus is not Deactive. Then on the dataset properties, under Filters, I'm specifying that DEAExpiration <= #start_date and DEAExpiration >#Today. This works fine if I want to pull just where that one field (DEAExpiration) is within those 2 dates.
But what I'm wanting is to pull where any of about 10 fields fall between those dates. In SQL I know it would be a simple string of OR statements, but I can't figure it out with this syntax. Any help would be greatly appreciated. A few of the fields I would want it to look at are DEAExpiration, ACLSRenewal, LicenseExpiration. If someone could help me get it set up to look at all 3 fields, I think I can modify it to include the rest of my fields.
Here is the current query:
<RSSharePointList xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
<ListName>ProviderList</ListName>
<ViewFields>
<FieldRef Name="FirstName" />
<FieldRef Name="MiddleInitial" />
<FieldRef Name="LastName" />
<FieldRef Name="Title2" />
<FieldRef Name="Company" />
<FieldRef Name="Address1" />
<FieldRef Name="Address2" />
<FieldRef Name="City" />
<FieldRef Name="State" />
<FieldRef Name="Zip" />
<FieldRef Name="ActiveStatus" />
<FieldRef Name="DEA_x0023_" />
<FieldRef Name="DEAExpiration" />
</ViewFields>
<Query>
<Where>
<Neq>
<FieldRef Name="ActiveStatus" />
<Value Type="Text">Deactive</Value>
</Neq>
</Where>
</Query>
</RSSharePointList>
The bad news is that since you're not using C# code or Client Object Model and javascript you can't use LINQ to make more straightforward queries of Sharepoint data, I think you're stuck writing CAML queries. However there area couple of ways to make it easier to write CAML queries.
The go-to method is to downlaod and install Caml Query Builder from U2U: http://www.u2u.be/Software
There's also a codeplex project you can use to do the same:
http://spcamlqueryhelper.codeplex.com/
The way you would write this particular query is (I just did the Where clause):
<Where>
<And>
<Neq>
<FieldRef Name="ActiveStatus" />
<Value Type="Text">Deactive</Value>
</Neq>
<Or>
<Geq>
<FieldRef Name="Date1"/>
<Value Type="DateTime">#Today</Value>
</Geq>
<Or>
<Lt>
<FieldRef Name="Date1"/>
<Value Type="DateTime">#FutureDate</Value>
</Lt>
<Or>
<Geq>
<FieldRef Name="Date2"/>
<Value Type="DateTime">#Today</Value>
</Geq>
<Or>
<Lt>
<FieldRef Name="Date2"/>
<Value Type="DateTime">#FutureDate</Value>
</Lt>
<Or>
<Geq>
<FieldRef Name="Date3"/>
<Value Type="DateTime">#Today</Value>
</Geq>
<Or>
<Lt>
<FieldRef Name="Date3"/>
<Value Type="DateTime">#FutureDate</Value>
</Lt>
<Or>
<Geq>
<FieldRef Name="FinalDate"/>
<Value Type="DateTime">#Today</Value>
</Geq>
<Lt>
<FieldRef Name="FinalDate"/>
<Value Type="DateTime">#FutureDate</Value>
<Lt>
</Or>
</Or>
</Or>
</Or>
</Or>
</Or>
</Or>
</And>
</Where>
I only did 4 date columns to show how the nesting structure works. On the final date you're nesting (FinalDate) you put the Lt and Geq clauses next to each other to terminate the nesting. To complete your query you just need to do 6 additional levels of nesting.
This is the kind of job where Caml Query Builder is a god send because it eliminates the time wasted trying to nest everything properly and the possibility of query breaking typos.
Sorry JSF is not my main language
I have a JSF Composite Component named validatedInputTextQuestion. It's essentially a bold label, then a textbox on first line.. next line is a note about said inputText, and below that is where my validation message would show.
<cc:implementation>
<b>#{cc.attrs.questionLabel} : </b>
<h:inputText value="#{cc.attrs.bindingValue}" id="checkSpecs" required="#{cc.attrs.required}" size="15" label="#{cc.attrs.errorLabel}">
<f:validateLength minimum="#{cc.attrs.minLength}" maximum="#{cc.attrs.maxLength}" />
</h:inputText>
<br />
<b>#{cc.attrs.notes}</b>
<br />
<h:message for="checkSpecs" style="color:red" />
<br />
</cc:implementation>
not all instances of this template have a note. but when I test out this page there is a extra break above my error message. Which is to be expected as that is what my template does... What i'd like to know is if there is a dynamic way of having this note attribute take up space if there is data.. I know in Silverlight I could use a grid and set a row definition height of Auto... or use a boolean to visibilty converter, but i can't find the equivalent in JSF. Can someone help point me to a solution for this?
I am using the following rich:editor control to create a new message. I choose Heading 1 under Format drop down and entered some text and persist the entry. But when I try to edit the message it fails with the following error on load. How should I fix this issue?
An error occurred during conversion seam text to html
<s:decorate template="/layout/edit.xhtml">
<ui:define name="label">Message</ui:define>
<rich:editor required="true" id="messageField" theme="advanced" useSeamText="true" viewMode="visual" autoResize="true" value="#{newsHome.instance.message}">
<f:param name="theme_advanced_buttons1" value="newdocument,separator,cut,copy,paste,separator,bold,italic,underline,strikethrough,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,hr,removeformat,visualaid,separator,sub,sup"/>
<f:param name="theme_advanced_buttons2" value="bullist,numlist,separator,outdent,indent,blockquote,separator,undo,redo,separator,link,unlink,anchor,separator,image,cleanup,help,code,separator,forecolor,backcolor"/>
<f:param name="theme_advanced_buttons3" value="fontselect,fontsizeselect,formatselect,styleselect,separator,charmap"/>
<f:param name="theme_advanced_resizing" value="true"/>
<f:param name="theme_advanced_toolbar_location" value="top" />
<f:param name="theme_advanced_toolbar_align" value="left" />
</rich:editor>
</s:decorate>
That sounds like a problem we had with rich:editor whenever someone entered content with an odd number of underscores. It was caused by a bug in RichFaces, and we fixed it by upgrading RichFaces to 3.3.3.