Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
727 views

My header tag:

1.<header>
2.  <link type="text/css" rel="stylesheet" href="../Css/bootstrap.min.css" />
3.  <link type="text/css" rel="stylesheet" href="../Css/font-awesome.min.css" />
4.  <link type="text/css" rel="stylesheet" href="../Css/StyleSheet.css" />
5.  <link type="text/css" rel="stylesheet" href="<%=Configuration.GetSetting("BrandingUrl") %>"  />
6.</header>

 When I enable CDN in web.config, Telerik css files are added between lines 5 and 6, However I need line 5  (My branding file containing some Telerik overrides) to be the last line.

I tried using the RadStyleSheetManager which provides ordering capabilities but since lines 2 and 3 are actually fully qualified URLs, I could not find a way to combine URLs and static files using the control. 

How would I be able to achieve this short of adding each [RadControl].css file I use in my Webform application.

 

Michael
Top achievements
Rank 2
 answered on 23 May 2017
1 answer
813 views
I want to develop a web based dynamic query builder interface for reporting module in my application, where in user can select columns and provide conditions to build a query for a report and save that query, later that query belonging to that report can be executed to display results. So my question is, does telerik  provide API to help build such an interface, there is query builder in report designer but can but can we also have API for it to build such web based query builder.
Stef
Telerik team
 answered on 23 May 2017
5 answers
289 views

Hi,

I have javascript which gets call on client click from modal popup extender. When I click on OK button in confirm dialog box AjaxLoadingPanel animation not spinning.

Here is my javascript:

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
function DateSelected(sender, eventArgs) {
sender.get_textBox().focus();
}
</script>
<script type="text/javascript">
var currentLoadingPanel = null;
var currentUpdatedControl = null;
function OnClientClick() {
var txttext1 = document.getElementById('<%=txtComments.ClientID%>');
if (txttext1.value != "") {
$find("ModalBehaviour").hide();
currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
currentUpdatedControl = "<%= mainPanel.ClientID %>";
currentLoadingPanel.show(currentUpdatedControl);
return true;
}
else {
if (confirm("Are you sure you want to proceed without comments ?")) {
$find("ModalBehaviour").hide();
currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
currentUpdatedControl = "<%= mainPanel.ClientID %>";
currentLoadingPanel.show(currentUpdatedControl);
return true; }
else {
$find("ModalBehaviour").hide();
return false; }
}
}

</script>

Here is loading Panel:

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="mainPanel">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="mainPanel" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" EnableSkinTransparency ="true" runat="server" Skin="Office2010Blue">
</telerik:RadAjaxLoadingPanel>

This is part of the MainPanel:

<asp:Panel ID="mainPanel" runat="server">
<telerik:RadPanelBar ID="formPanel" runat="server" Width="99%" ExpandMode="MultipleExpandedItems" Skin="Forest" EnableEmbeddedSkins="false" BackColor="#2D6193" >
<Items>
<telerik:RadPanelItem Expanded="true" Text="PRINCIPAL PER SESSION REQUEST APPLICATION FORM " runat="server" Selected="true" Font-Bold="true" Font-Size ="13" Font-Names ="Verdana" ForeColor="white" >
<Items>
<telerik:RadPanelItem Value="principalForm" runat="server" Height="75">
<ItemTemplate>
<table>
<tr>
<asp:Panel ID="validationPanel" runat="server" Visible="false">
<td >
<fieldset style="width: 700px; height: 230px; margin-bottom: 10px;">
<legend style="padding-top:20px;">Please correct the following:</legend>
<asp:ValidationSummary ID="validationSummary1" runat="server" DisplayMode="BulletList" CssClass="validationsummary" />
<asp:CustomValidator ID="customValidator1" runat ="server" Display="none" OnServerValidate="customValidator1_ServerValidate" ></asp:CustomValidator>
</fieldset>
</td>
</asp:Panel>
</tr>
</table>

 

And finally modal popup extender:

<asp:Button ID="btnShow1" runat="server" Style="display: none; position: relative" Text="Show Modal Popup" />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BackgroundCssClass="modalBackground"
DropShadow="true" PopupControlID="ApprPanel" TargetControlID="btnShow1" BehaviorID="ModalBehaviour"></cc1:ModalPopupExtender>
<asp:Panel ID="ApprPanel" runat="server" BackColor="White" BorderStyle="Solid" BorderWidth="2px"
Height="200px" Style="display: none; color:#b0c4de;" Width="570px" >
<div>
<table>
<tr >
<td style="border-right-style: none; border-left-style: none; border-bottom-style: none;
padding:5px;border-top-color: #abd971; background-color: #284A6D; text-align: center;">
<asp:Label ID="lblError" runat="server" Text="Please Enter Comments(optional)"
Font-Bold="True" Font-Size="Large" ForeColor="White"></asp:Label>
</td>
</tr>
<tr>
<td align="center" style="margin-top: 10px; vertical-align:middle;">
<asp:TextBox ID="txtComments" runat="server" Width="550px" onKeyUp="Count(this,250)" onChange="Count(this,250)"
Height="113px" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
<tr>
<td align="center" style="height: 39px">
<br />
<asp:Button ID="submitComments" runat="server" Text="Submit" CssClass="button" OnClick="submitComments_Click" OnClientClick="return OnClientClick()" />
</td>
</tr>
</table>
</div>
</asp:Panel>

 

Please help me to resolve this issue.

Thanks so much.

Rumen
Telerik team
 answered on 23 May 2017
2 answers
316 views

Hi:

I have a radgrid with auto ops. Add/edit using template. Update works but Insert get this error:

"Get error when insert new record as "'ddlInstType' has a SelectedValue which is invalid because it does not exist in the list of items.
Parameter name: value"

Hopefully you give me a hint to fix this error.

Thank you.

 

 

Codes:

<telerik:RadGrid ID="rgInst" runat="server" CellSpacing="0" GridLines="None" RenderMode="Lightweight"
      AllowAutomaticUpdates="True" AllowAutomaticInserts="True" AllowAutomaticDeletes="true" AutoGenerateColumns="false" DataSourceID="sdsInst"
      OnItemCreated="rgInst_ItemCreated" OnItemInserted="rgInst_ItemInserted" OnItemUpdated="rgInst_ItemUpdated" OnItemDeleted="rgInst_ItemDeleted" OnItemCommand="rgInst_ItemCommand">
      <PagerStyle Mode="NextPrevNumericAndAdvanced" />
      <GroupingSettings CaseSensitive="false" />
      <MasterTableView AutoGenerateColumns="false" DataSourceID="sdsInst" DataKeyNames="InstID, InstTypeId" CommandItemDisplay="Top" EditMode="EditForms">
        <Columns>
          <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" />          
          <telerik:GridBoundColumn UniqueName="InstName" DataField="InstName" HeaderText="Institution" />
          <telerik:GridBoundColumn DataField="InstOffice" HeaderText="School/Dept." />
          <telerik:GridBoundColumn UniqueName="InstTypeDesc" DataField="InstTypeDesc" HeaderText="Campus Type" />
          <telerik:GridButtonColumn Text="Deactivate" CommandName="Delete" ConfirmText="Deactivate this record?" />
        </Columns>

        <EditFormSettings EditFormType="Template">
          <FormTemplate>
            <br />
                  <table class="tableW100">
                    <tr>
                      <td class="td30R">Institution name:</td>
                      <td class="td70L">
                        <asp:TextBox ID="tbInstName" runat="server" CssClass="tbW100" Text='<%# Bind("InstName") %>' />
                      </td>
                    </tr>
                    <tr>
                      <td class="td30R">School/Department:</td>
                      <td class="td70L">
                        <asp:TextBox ID="tbInstOffice" runat="server" CssClass="tbW100" TextMode="MultiLine" Text='<%# Bind("InstOffice") %>' />
                      </td>
                    </tr>
                    <tr>
                      <td class="td30R">Campus Type:</td>
                      <td class="td70L">
                        <asp:DropDownList ID="ddlInstType" CssClass="tbW100" runat="server" DataSourceID="sdsInstType" DataTextField="InstTypeDesc" DataValueField="InstTypeID" SelectedValue='<%# Bind("InstTypeID") %>' />
                      </td>
                    </tr>                    
              <tr>
                <td colspan="2" class="tr4Btn">
                  <asp:Button ID="btnUpdate" CssClass="flatbtnFlexSmall" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />&nbsp;
                  <asp:Button ID="btnCancel" CssClass="flatbtnFlexSmall" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" />
                </td>
              </tr>             
          </FormTemplate>
        </EditFormSettings>
      </MasterTableView>
    </telerik:RadGrid>

<asp:SqlDataSource ID="sdsInst" runat="server" ConnectionString="<%$ ConnectionStrings:MainDB %>"
    SelectCommand="sprInstitutionGet" SelectCommandType="StoredProcedure"
    UpdateCommand="sprInstitutionUpdate" UpdateCommandType="StoredProcedure"
    InsertCommand="sprInstitutionAdd" InsertCommandType="StoredProcedure"
    DeleteCommand="sprInstitutionDeactivate" DeleteCommandType="StoredProcedure">

    <InsertParameters> {...}
    </InsertParameters>

    <UpdateParameters>{...}
    </UpdateParameters>

    <DeleteParameters>{...}
    </DeleteParameters>

 </asp:SqlDataSource>

<asp:SqlDataSource ID="sdsInstType" runat="server" ConnectionString="<%$ ConnectionStrings:MainDB %>" SelectCommand="sprInstitutionTypeGet" SelectCommandType="StoredProcedure" />

 

d-cpt
Top achievements
Rank 2
 answered on 23 May 2017
2 answers
109 views

Not sure what is causing this, but the following code is being added at the bottom of the HTML whenever I add an image to my RadEditor control and save the content (see below):

Can anyone tell me how to keep this from happenning?

<span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjYmQwODFjIj48L3BhdGg+PC9nPjwvc3ZnPg==') no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: medium none;">Save</span>

cdikmen
Top achievements
Rank 1
 answered on 23 May 2017
1 answer
240 views

Good afternoon,

I have Radwindow in my HTML :

<telerik:RadWindow ID="RadWindow1" runat="server" Modal="true" Animation="Fade" AutoSizeBehaviors="Default" Width="550px" Height="250px"
VisibleStatusbar="false" VisibleTitlebar="true" AutoSize="false" Behaviors="None" Skin="Outlook" Title="SCHEDULE ERROR(S)" >
<ContentTemplate>

<p style="width: 90%; height: 15px; font-size:medium; font-weight:bold;color:Red;" >
The following should be corrected in Galaxy:
</p>
<asp:Panel ID="prepsPanel" runat="server">
<div id="prepsDays" runat="server" style="width: 90%; height: 15px; font-size:small; font-weight:bold;color:Navy; padding-bottom:5px; text-align:left;" >
<asp:BulletedList ID="BulletedList8" runat="server" BulletStyle="Disc">
<asp:ListItem>Schedule does not correspond to num of preps(days)</asp:ListItem>
</asp:BulletedList>
</div>
</asp:Panel>
<asp:Panel ID="sdatePanel" runat="server">
<div id="stDate" runat="server" style="width: 90%; height: 15px; font-size:small; font-weight:bold;color:Navy; padding-bottom:5px; text-align:left;" >
<asp:BulletedList ID="BulletedList9" runat="server" BulletStyle="Disc">
<asp:ListItem>Start Date must be valid work day</asp:ListItem>
</asp:BulletedList>
</div>
</asp:Panel>


</ContentTemplate>
</telerik:RadWindow>

Based on criteria in code behind I want to make it invisible like this:

if (schcnt > 0 || stdcnt > 0 || endcnt > 0 || trmcnt > 0 || jobcnt > 0 || dupcnt > 0 || loccnt > 0 || fundcnt > 0)
{

string script = "function f(){$find(\"" + RadWindow1.ClientID + "\").show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";
ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "key", script, true);


if (schcnt == 0)
prepsPanel.Visible = false;

if (stdcnt == 0)
sdatePanel.Visible = false;

But apparently it is not working. Both error showing in popup screen. Should be only one error on the popup screen.

Please help me to resolve this issue.

Thanks.

Vitaly.

                           

Marin Bratanov
Telerik team
 answered on 23 May 2017
2 answers
194 views
I use Material skin width RadPanelBar.
When i expand, i get gray top border and bottom border. How remove that?
See attached Picture....
Ivan Zhekov
Telerik team
 answered on 23 May 2017
1 answer
160 views

I have a RadWindow with a RadEditor defined on it. When a user enters more than the MaxTextLength value for the RadEditor with an error. When you click OK for the error pop-up the RadWindow Closes. I need to be able to get the error message and keep the window open. Here's the definition for the Window, any help would be appreciated.

<telerik:RadWindow RenderMode="Classic" runat="server" ID="rwLogEntry" Modal="true" Behaviors="Close, Move"
    Title="Add Log Entry" Skin="Telerik" EnableShadow="true" Width="800px" Height="300">
    <ContentTemplate>
        <div id="spnLogEntryDate" runat="server" class="formRow">
            <div class="floatLeft">
                <asp:TextBox ID="txtBxIssueLogEntryId" runat="server" Style="display: none" Text="0" />
                <label for="lblLogEntryDate">Created Date:</label>
                <asp:Label ID="lblLogEntryDate" runat="server" />
            </div>
        </div>
        <div id="spnLogEntryUser" runat="server" class="formRow">
            <div class="floatLeft">
                <label for="lblLogEntryUser">Added By:</label>
                <asp:Label ID="lblLogEntryUser" runat="server" />
            </div>
        </div>
        <div class="formRow">
            <label for="redLogText">Details: </label>
            <div style="width: 100%">
                <telerik:RadEditor ID="redLogText" runat="server" EditModes="Design"
                    MaxTextLength="4000" SkinID="DefaultSetOfTools" ContentAreaMode="iframe" OnClientInit="CharCountInit"
                    Height="255px" Width="70%" Style="background-color: White; display: inline-block;"
                    Skin="Default">
                    <Tools>
                        <telerik:EditorToolGroup>
                            <telerik:EditorSeparator Visible="true" />
                            <telerik:EditorTool Name="Cut" />
                            <telerik:EditorTool Name="Copy" />
                            <telerik:EditorTool Name="Paste" />
                            <telerik:EditorSeparator Visible="true" />
                            <telerik:EditorSplitButton Name="Undo" />
                            <telerik:EditorSplitButton Name="Redo" />
                            <telerik:EditorSeparator Visible="true" />
                            <telerik:EditorTool Name="Bold" />
                            <telerik:EditorTool Name="Italic" />
                            <telerik:EditorTool Name="Underline" />
                            <telerik:EditorSeparator Visible="true" />
                            <telerik:EditorTool Name="JustifyLeft" />
                            <telerik:EditorTool Name="JustifyRight" />
                            <telerik:EditorTool Name="JustifyCenter" />
                            <telerik:EditorSeparator Visible="true" />
                            <telerik:EditorDropDown Name="FontName" />
                            <telerik:EditorDropDown Name="FontSize" />
                            <telerik:EditorSeparator Visible="true" />
                            <telerik:EditorTool Name="AjaxSpellCheck" />
                        </telerik:EditorToolGroup>
                    </Tools>
                    <CssFiles>
                        <telerik:EditorCssFile Value="" />
                    </CssFiles>
                    <Modules>
                        <telerik:EditorModule Name="RadEditorStatistics" Visible="true" Enabled="true"></telerik:EditorModule>
                    </Modules>
                </telerik:RadEditor>
                <asp:RequiredFieldValidator ID="rfvLogTextValid" runat="server" CssClass="validator" ControlToValidate="redLogText"
                    Text="Required" ErrorMessage="Details is a Required Field" ToolTip="This is a Required Field" SetFocusOnError="true"
                    ValidationGroup="LOGVALIDGROUP" />
                <br />
                <asp:Label ID="lblErrorMsg" runat="server" CssClass="validator"></asp:Label>
            </div>
        </div>
        <div class="formRow">
            <div class="floatRight">
                <asp:LinkButton ID="lnkBtnSaveLogEdit" runat="server" OnClick="lnkBtnSaveLogEdit_Click" ValidationGroup="LOGVALIDGROUP" CssClass="silverButton">
                    <span id="spnIssueLog" runat="server">Submit</span>
                </asp:LinkButton>
                <asp:LinkButton ID="lnkBtnLogEditCancel" runat="server" OnClick="lnkBtnLogEditCancel_Click" CausesValidation="false" Text="Cancel"
                    CssClass="floatRightLink" />
            </div>
        </div>
    </ContentTemplate>
</telerik:RadWindow>
Marin Bratanov
Telerik team
 answered on 23 May 2017
0 answers
71 views
Kendo ui grid grouping data parent does not work properly
We have one group but it is a part of the show

Mohammad Reza
Top achievements
Rank 1
 asked on 23 May 2017
1 answer
126 views

Support ,
As mentioned in the attached File, Open Play List and Close Play List tool tip are showing wrongly .
When the Play list are showing, Tool tip Shows as Open Play list. 
When the Playlist are not showing, Tool tip Shows as Close Play list. 
Is there any way to inter change this tool tip ?

Rumen
Telerik team
 answered on 23 May 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?