Questions on UI for ASP.NET AJAX Forum

1 answer

306 views

I have a vertical tabstrip and it doesn't resize the height. How do I get it to resize and not used a fixed height with unnecessary whitespace at the bottom?

<telerik:RadTabStrip ID="TabStrip" runat="server" MultiPageID="Tabs" Orientation="VerticalLeft">

<Tabs>

<telerik:RadTab Text="Tab1" PageViewID="Tab1"></telerik:RadTab>

<telerik:RadTab Text="Tab2" PageViewID="Tab2"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="Tabs" runat="server" SelectedIndex="0" BorderColor="Red" BorderStyle="Solid" BorderWidth="1px" CssClass="RadTabStripVertical">

<telerik:RadPageView ID="Tab1" runat="server">

aaaa

<br /><br />

bbbb

<br /><br />

cccc

<br /><br />

dddd

<br /><br />

eeee

</telerik:RadPageView>

<telerik:RadPageView ID="Tab2" runat="server">

ffff

<br /><br />

gggg

<br /><br />

hhhh

<br /><br />

iiii

<br /><br />

jjjj

</telerik:RadPageView>

</telerik:RadMultiPage>

TabStrip

answered on 29 Jun 2018

13 answers

96 views

RadWindow contains odd vertical sprite

Hi..

I tried the theme builder - it seems to work. My theme was created. But my RadWindow contains an odd vertical black line. Any ideas?

See the attachment.

thx

Theme Builder

answered on 28 Jun 2018

2 answers

62 views

Skin for Window has no border , nothing?

Hi..

I created a new skin using the builder, just select WebBlue and changed the color to Green. When I apply the skin I get window with no border and no color.

Here's what the SkinBuilder generated. Any ideas?

thx

.RadWindow_Flom1{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:12px}.RadWindow_Flom1 .rwTopLeft,.RadWindow_Flom1 .rwTopRight,.RadWindow_Flom1 .rwTitlebar,.RadWindow_Flom1 .rwFooterLeft,.RadWindow_Flom1 .rwFooterRight,.RadWindow_Flom1 .rwFooterCenter,.RadWindow_Flom1 .rwTopResize,.RadWindow_Flom1 .rwStatusbar div,.RadWindow_Flom1 .rwStatusbar,.RadWindow_Flom1 .rwPopupButton,.RadWindow_Flom1 .rwPopupButton span,.RadWindow_Flom1.rwMinimizedWindow .rwCorner{background-image:url('Window/WindowHorizontalSprites.gif')}.RadWindow_Flom1 .rwBodyLeft,.RadWindow_Flom1 .rwBodyRight,.RadWindow_Flom1 .rwStatusbarRow .rwCorner{background-image:url('Window/WindowVerticalSprites.gif')}.RadWindow_Flom1 .rwShadow .rwTopLeft,.RadWindow_Flom1 .rwShadow .rwTopRight,.RadWindow_Flom1 .rwShadow .rwTitlebar,.RadWindow_Flom1 .rwShadow .rwFooterLeft,.RadWindow_Flom1 .rwShadow .rwFooterRight,.RadWindow_Flom1 .rwShadow .rwFooterCenter,.RadWindow_Flom1 .rwShadow .rwTopResize,.RadWindow_Flom1 .rwShadow .rwStatusbar div,.RadWindow_Flom1 .rwShadow .rwStatusbar,.RadWindow_Flom1 .rwShadow .rwPopupButton,.RadWindow_Flom1 .rwShadow .rwPopupButton span,.RadWindow_Flom1 .rwShadow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwBodyRight,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyRight{background-image:url('Window/WindowHorizontalSprites.png')}.RadWindow_Flom1 .rwShadow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwBodyRight,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyLeft,.RadWindow_Flom1 .rwShadow .rwStatusbarRow .rwBodyRight{background-image:url('Window/WindowVerticalSprites.png')}.RadWindow_Flom1 .rwStatusbar input{background-color:#f7ffe9}.RadWindow_Flom1 .rwControlButtons a{background-image:url('Window/CommandButtonSprites.gif')}.RadWindow_Flom1 a.rwIcon{background-image:url('Window/WindowHorizontalSprites.gif')}.RadWindow_Flom1 table.rwTitlebarControls em{color:#ffffff}.RadWindow_Flom1 input.rwDialogInput{border:1px solid #76a5a5}.RadWindow_Flom1 input.rwDialogInput:hover{border:1px solid #5db8b7}.RadWindow_Flom1 tr td.rwWindowContent{background-color:#ffffff}.RadWindow_Flom1 table tr td.rwLoading{background-color:#e6ffee}.RadWindow_Flom1 td.rwWindowContent.rwLoading,.RadWindow_Flom1 .rwIframeWrapperIOS.rwLoading{background-image:url('Common/loading.gif')}.RadWindow_Flom1 td input.rwLoading{background-image:url('Common/loading_small.gif')}.RadWindow_Flom1 .rwShadow .rwControlButtons{margin:5px -2px 0 0}.RadWindow_Flom1 .rwShadow .rwControlButtons{margin:5px -1px 0 0 \9}.RadWindow_Flom1.rwMinimizedWindowShadow .rwShadow .rwControlButtons{margin:9px -8px 0 0}.RadWindow_Flom1 .rwShadow .rwControlButtons li{float:left;padding:0}.RadWindow_Flom1 .rwShadow .rwControlButtons a{width:30px}.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTitlebar,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwFooterCenter,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwTopResize,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbar div,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbar,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwPopupButton,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwPopupButton span,.RadWindow_Flom1.rwInactiveWindow .rwShadow.rwMinimizedWindow .rwCorner,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTitlebar,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopRight,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterCenter,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterRight{background-image:url('Window/WindowHorizontalSprites.gif')!important}.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwBodyLeft,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwBodyRight,.RadWindow_Flom1.rwInactiveWindow .rwShadow .rwStatusbarRow .rwCorner,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyLeft,.RadWindow_Flom1.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyRight{background-image:url('Window/WindowVerticalSprites.gif')!important}

SkinManager

answered on 28 Jun 2018

1 answer

118 views

File Explorer not work in .ascx page

Hi
i add File Explorer in my .ascx page .it works fine in my local server but when i upload it in to Server Id dose not work. when i click on tree list item it give me error "post : www.myweb.com" not find 500 internal error .

--------------------------------
<telerik:RadFileExplorer Skin="Metro" RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="100%" Height="500px" Configuration-EnableAsyncUpload="false" EnableAsyncUpload="false"
OnClientItemSelected="OnClientItemSelected" OnClientDelete="OnClientDelete" TreePaneWidth="250px" OnClientLoad="RadFileExplorer_OnClientLoad" >

</telerik:RadFileExplorer>
</div>
<div class="ImgPreviewArea">
<h2>Preview</h2>
<img id="pvwImage" src="Images/Northwind/Flowers/Flower1.jpg" alt="Flower1.jpg" />
</div>
</div>
------------------------------------------------

protected void Page_Load(object sender, EventArgs e)
{

System.Web.UI.ScriptManager.GetCurrent(this.Page).RegisterPostBackControl(FileExplorer1);

var edata = new ExportData();
Facade facade = new Facade(AppContext.GetContext(Context));
string path = "";
if (Session["OrganizationEditId"] != null)
{
if (IsPostBack == false)
{
var org = facade.GetOrganizationById(Convert.ToInt32("0" + Session["OrganizationEditId"]));
{
path = org.ItemDirectoryPath != null ? org.ItemDirectoryPath : "";
}

FileExplorer1.Configuration.SearchPatterns = new string[] { "*.jpg", "*.jpeg", "*.gif", "*.png" };
FileExplorer1.Grid.ClientSettings.AllowColumnsReorder = false;
FileExplorer1.Grid.ClientSettings.AllowRowsDragDrop = false;
FileExplorer1.TreeView.OnClientNodeClicking = "OnClientNodeChange";
eExplorer1.EnableCreateNewFolder = enableCreateNewFolder.Checked;

if ((FileExplorer1.VisibleControls & Telerik.Web.UI.FileExplorer.FileExplorerControls.Grid) == 0) FileExplorer1.ExplorerMode = Telerik.Web.UI.FileExplorer.FileExplorerMode.Thumbnails;
if ((FileExplorer1.VisibleControls & Telerik.Web.UI.FileExplorer.FileExplorerControls.ListView) == 0) FileExplorer1.ExplorerMode = Telerik.Web.UI.FileExplorer.FileExplorerMode.Default;


FileExplorer1.Configuration.ContentProviderTypeName = typeof(DBContentProvider).AssemblyQualifiedName;
if (path != "")
{
FileExplorer1.Configuration.UploadPaths = new string[] { path };
FileExplorer1.Configuration.ViewPaths = new string[] { path };
FileExplorer1.Configuration.DeletePaths = new string[] { path };

FileExplorer1.Configuration.EnableAsyncUpload = false;
}

}
}
else
{
RedirectUrl("~/Widgets/SetupOptions/Organizations.ascx");

Session.Remove("OrganizationEditId");
}
}

any one please help me
thank you

FileExplorer

answered on 28 Jun 2018

11 answers

548 views

Dynamic creation of notification

I am trying to create dynamic notifications based on the database content. As a simplified version of what i have, for the following database table :

ID Notification NotificationText NotificationTimeInterval
1 FillLog Fill the time log 9000
2 CheckMesg Check the message 500
3 Print Print report 3000

Each notifications need to appear based on this table at the specified NotificationTimeInterval and the notifications should be created programatically since the number of records in the table itself is varying. Can someone point me to the right direction or with a sample project on how to accomplish this?

Thanks,
Meera

Notification

answered on 28 Jun 2018

5 answers

132 views

radCalendar popup is not hiding on tab

Dear All,
RadCalendar popup is not hiding on tab inside the telerik Grid.

Thanks,
vinoth

Calendar

answered on 28 Jun 2018

20 answers

1.8K+ views

RadGrid batch edit mode issues.

Usually it works fine When I used the batch edit mode in the radgird.
Occasionally,it can't work , you can see the errors in pictures below.
It shows that the count of command items in the e.Commands is zero and ,in the grid, the updated cell marked a red small triangle on the top right.
I can't figure out why there is no item in the e.Commands.
Thanks in advance.

Grid

answered on 28 Jun 2018

2 answers

186 views

Date series on the X-Axis of a Column chart is not displayed as expected

Here is the output of my SQL procedure

10/2/2017 12:00:00 AM
10/9/2017 12:00:00 AM
10/16/2017 12:00:00 AM
10/23/2017 12:00:00 AM

But the x-axis on the chart displays the following

10/1/2017
10/8/2017
10/15/2017
10/22/2017

It displays the previous date instead of the date passed from the procedure.

Attached screen shots of the graph.

Can some please help with this??

Thanks Vibhor.

General Discussions

answered on 28 Jun 2018

3 answers

867 views

Radgrid close edit mode in OnInsertCommand method

After I edit/insert a record in my grid, I want the edit template to go away. I want this to happen for two reasons. 1) Once the user edits/inserts the record, there's no need for that edit/insert row to remain. 2) The template has a required field validator on it and when the user posts back in another part of the page the required field validator gets triggers on the field in this template.

I've tried MyGroupsRadGrid.MasterTableView.ClearEditItems() after the insert logic on MyGroupsRadGrid_InsertCommand() but that doesn't work. I've tried e.Canceled = true but that doesn't work. I've tried e.Item.Edit = false but that errors.

<telerik:RadGrid ID="MyGroupsRadGrid" runat="server" OnNeedDataSource="MyGroupsRadGrid_NeedDataSource"

AutoGenerateColumns="false" AutoPostBackOnFilter="true" OnUpdateCommand="MyGroupsRadGrid_UpdateCommand" OnItemDataBound="MyGroupsRadGrid_ItemDataBound"

AllowSorting="true" AllowAutomaticUpdates="True" AllowAutomaticInserts="True" OnEditCommand="MyGroupsRadGrid_EditCommand" OnSelectedIndexChanged="MyGroupsRadGrid_SelectedIndexChanged1"

AllowFilteringByColumn="false" OnCancelCommand="MyGroupsRadGrid_CancelCommand" MasterTableView-CommandItemDisplay="Top" OnInsertCommand="MyGroupsRadGrid_InsertCommand">

<ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true" EnableRowHoverStyle="true">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataKeyNames="BWGroupID">

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table id="Table1" class="marginleft50 bordercollapse width100percent" cellspacing="2" cellpadding="1" border="0" rules="none">

<tr>

<td valign="top">

<table id="Table2" class="bordercollapse" cellspacing="2" cellpadding="1" border="0" rules="none">

<tr id="BWGroupIDRow" runat="server">

<td>Group ID </td>

<td><asp:Label ID="BWGroupIDLabel" runat="server" Text='<%# Bind("BWGroupID") %>' /></td>

</tr>

<tr id="BWGroupNameRow" runat="server">

<td>Group Name </td>

<td>

<asp:TextBox ID="GroupNameTextBox" runat="server" Text='' />

<asp:RequiredFieldValidator ID="RequiredGroupName" runat="server" ControlToValidate="GroupNameTextBox" ForeColor="Red" Text="*A Group Name is Required." />

</td>

</tr>

<tr id="DisplayNameRow" runat="server">

<td>Group Owner </td>

<td>

<telerik:RadComboBox ID="OwnerRadComboBox" runat="server" OnClientSelectedIndexChanged="enableAddSelectionButton" Width="270px" DataTextField="Value" DataValueField="Key" ValidationExpression="[\w\s\.,_-]+$" AppendDataBoundItems="True" Filter="Contains">

<Items>

<telerik:RadComboBoxItem runat="server" Text="" Value="-1" />

</Items>

</telerik:RadComboBox>

<br />

<asp:Label ID="OwnerError" runat="server" ForeColor="Red" Visible="true" />

</td>

</tr>

<tr id="IsActiveRow" runat="server">

<td>Status </td>

<td><asp:Label ID="Label8" runat="server" Text='<%# Eval("IsActive").ToString() == "True" ? "Active" : "Inactive" %>' /></td>

<td><asp:CheckBox ID="DeactivateCheckBox" runat="server" Text="Deactivate Group" /></td>

</tr>

<tr>

<td align="center" colspan="2">

<br />

<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" />

</td>

</tr>

</table>

</td>

<td valign="top"></td>

</tr>

</table>

<br />

</FormTemplate>

</EditFormSettings>

<Columns>

<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit" UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="BWGroupID" DataField="BWGroupID" HeaderText="Group ID" SortExpression="BWGroupID" FilterControlWidth="150px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" />

<telerik:GridBoundColumn DataField="BWGroupName" HeaderText="Group Name" ReadOnly="true" SortExpression="BWGroupName" FilterControlWidth="150px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" />

<telerik:GridBoundColumn DataField="ComputedBWGroupUserCount" HeaderText="Member Count" SortExpression="ComputedBWGroupUserCount" FilterControlWidth="50px" AutoPostBackOnFilter="true" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Code behind:

protected void MyGroupsRadGrid_InsertCommand(object sender, GridCommandEventArgs e)

{

int parseOwnerId = -1;

try

{

GridEditableItem editedItem = (GridEditableItem)e.Item;

if (e.CommandName == "PerformInsert")

{

#region Get controls

TextBox GroupNameTextBox = new TextBox();

GroupNameTextBox = (TextBox)e.Item.FindControl("GroupNameTextBox");

RadComboBox OwnerRadComboBox = (RadComboBox)editedItem.FindControl("OwnerRadComboBox");

int.TryParse(OwnerRadComboBox.SelectedValue, out parseOwnerId);

#endregion

BWGroup newGroup = new BWGroup();

newGroup.BWUserIDCreated = BWSessionHandler.BWID;

BWUser selectedOwner = new BWUser();

if (parseOwnerId > 0)

{

selectedOwner = this._bwContext.BWUsers.Where(x => x.BWUserID == parseOwnerId).FirstOrDefault();

if (selectedOwner.BWUserID != null && selectedOwner.BWUserID > 0)

newGroup.BWUserIDOwner = selectedOwner.BWUserID;

}

newGroup.BWUserIDUpdated = BWSessionHandler.BWID;

newGroup.BWGroupName = GroupNameTextBox.Text;

newGroup.IsActive = true;

newGroup.SystemGenerated = false;

newGroup.RowInsertDateTime = DateTime.Now;

this._bwContext.BWGroups.InsertOnSubmit(newGroup);

this._bwContext.SubmitChanges();

ViewState["SelectedGroupId"] = newGroup.BWGroupID;

MyGroupsRadGrid.MasterTableView.Items[0].Edit = false;

MyGroupsRadGrid.MasterTableView.ClearEditItems();

MyGroupsRadGrid.Rebind();

GroupMemberRadGrid.MasterTableView.IsItemInserted = false;

GroupMemberRadGrid.Rebind();

AssignNameOfGroup(newGroup.BWGroupName);

GroupMemberRadGrid.Enabled = true;

foreach (GridDataItem row in MyGroupsRadGrid.MasterTableView.Items)

{

if (row.GetDataKeyValue("BWGroupID").ToString() == ViewState["SelectedGroupId"].ToString())

{

row.Selected = true;

break;

}

e.Canceled = true;

}

catch (Exception ex) { this.ThrowError(ex, parseOwnerId); }

}

Grid

answered on 27 Jun 2018

1 answer

101 views

RadMap - ssl

When I publish a page with a RadMap control on it and run it with SSL, the page apparently has mixed content and does not show the green badge. I assume then calls to the mapservice are still http, is there a way to fix this?

Map

answered on 27 Jun 2018