Questions on UI for ASP.NET AJAX Forum

4 answers

131 views

[Solved] Ribbonbar - Difficult with width of RibbonBarGroup

hello,

I have difficulter with the dimensionning of a RibbonBarGroup with 4 RibbonBarToggleButton.

I want the 4 buttons to have the same width. But when i put a width attribute , it does not work well.
Without width attribute, the 4 buttons are visible, but with different width.

But when i put mouse on them, the fourth button go above (see picture).
To fix that, i add a Font-Bold="True" , so the button don't disappear.!

Another problem, is that the RibbonBarGroup withText="Nbre Breaks" is not displayed completly, the s is not shown.

My question is :
How can we fixed the width of the RibbonBarGroup ?

The best configuration i found :

<telerik:RadRibbonBar ID="ribbon_Creation" runat="server" Skin="Outlook">

<telerik:RibbonBarTab Text="Demande de cotation - Prix Standard">

<telerik:RibbonBarGroup Text="Demande" Value="Etape" >

<Items>

<telerik:RibbonBarToggleButton Text=" Démarrer " Value="e1" Toggled="true"

Size="Large" BorderColor="Silver" BorderStyle="Outset" BorderWidth="1px"

ToolTip="Saisir l'entête de la demande" ImageUrl="~/Gen_Images/1Entete.png"

ImageUrlLarge="~/Gen_Images/1Entete.png" Font-Bold="True" />

<telerik:RibbonBarToggleButton Text="Saisir Ligne" Value="e2" Size="Large"

BorderColor="Silver" BorderStyle="Outset" BorderWidth="1px" ToolTip="Saisir les lignes"

ImageUrlLarge="~/Gen_Images/2Lignes.png" Font-Bold="True" />

<telerik:RibbonBarToggleButton Text=" Analyser " Value="e3" Size="Large"

BorderColor="Silver" BorderStyle="Outset" BorderWidth="1px" DisabledImageUrl="~/Gen_Images/3analyse_disable.png"

DisabledImageUrlLarge="~/Gen_Images/3analyse_disable.png" ToolTip="Analyser les lignes"

ImageUrlLarge="~/Gen_Images/3analyse.png" Font-Bold="True" />

<telerik:RibbonBarToggleButton Text=" Envoyer " Value="e4"

Size="Large" BorderColor="Silver" BorderStyle="Outset" BorderWidth="1px" ToolTip="Lancer la demande de cotation"

DisabledImageUrl="~/Gen_Images/4lancer_disable.png" DisabledImageUrlLarge="~/Gen_Images/4lancer_disable.png"

ImageUrlLarge="~/Gen_Images/4lancer.png" Font-Bold="True" />

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Nbre Breaks" Value="Break">

<Items>

<telerik:RibbonBarToggleButton Size="Small" Value="b1" ToolTip="Nombre de break=1"

ImageUrl="~/Gen_Images/numero_1.png" />

<telerik:RibbonBarToggleButton Size="Small" Value="b4" ToolTip="Nombre de break=4"

ImageUrl="~/Gen_Images/numero_4.png" />

<telerik:RibbonBarToggleButton Size="Small" Value="b7" ToolTip="Nombre de break=7"

ImageUrl="~/Gen_Images/numero_7.png" />

<telerik:RibbonBarToggleButton Size="Small" Value="b2" ToolTip="Nombre de break=2"

ImageUrl="~/Gen_Images/numero_2.png" />

<telerik:RibbonBarToggleButton Size="Small" Value="b5" ToolTip="Nombre de break=5"

ImageUrl="~/Gen_Images/numero_5.png" />

<telerik:RibbonBarToggleButton Size="Small" Value="b8" ToolTip="Nombre de break=8"

ImageUrl="~/Gen_Images/numero_8.png" />

<telerik:RibbonBarToggleButton Size="Small" Value="b3" ToolTip="Nombre de break=3"

ImageUrl="~/Gen_Images/numero_3.png" Toggled="True" />

<telerik:RibbonBarToggleButton Size="Small" Value="b6" ToolTip="Nombre de break=6"

ImageUrl="~/Gen_Images/numero_6.png" />

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Lignes" Value="Ligne">

<Items>

<telerik:RibbonBarButton Text="1" Value="a1" ImageUrlLarge="~/Gen_Images/add_lignes.png"

ToolTip="Ajouter une ligne" ImageUrl="~/Gen_Images/add_lignes.png" Size="Medium" />

<telerik:RibbonBarButton Text="5" Value="a5" ToolTip="Ajouter 5 lignes" ImageUrl="~/Gen_Images/add_lignes.png"

Size="Medium" />

<telerik:RibbonBarButton Text="10" Value="a10" ToolTip="Ajouter 10 lignes" ImageUrl="~/Gen_Images/add_lignes.png"

Size="Medium" />

<telerik:RibbonBarButton Text="20" Value="a20" ToolTip="Ajouter 20 lignes" ImageUrl="~/Gen_Images/add_lignes.png"

Size="Medium" />

<telerik:RibbonBarButton Text="50" Value="a50" ToolTip="Ajouter 50 lignes" ImageUrl="~/Gen_Images/add_lignes.png"

Size="Medium" />

<telerik:RibbonBarButton Size="Medium" Text=" " Value="s1" ToolTip="Supprimer les lignes vides"

ImageUrl="~/Gen_Images/del_lignes.png" />

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Colonnes" Value="Colonne">

<Items>

<telerik:RibbonBarToggleButton Text="Description" Value="c1" ImageUrlLarge="~/Gen_Images/add_colonne.png"

ToolTip="Ajouter la description de l'article" ImageUrl="~/Gen_Images/add_colonne.png"

Size="Medium" />

<telerik:RibbonBarToggleButton Text="Devise" Value="c2" ImageUrlLarge="~/Gen_Images/add_colonne.png"

ToolTip="Ajouter la devise de cotation" ImageUrl="~/Gen_Images/add_colonne.png"

Size="Medium" />

<telerik:RibbonBarToggleButton Text="Norme" Value="c3" ImageUrlLarge="~/Gen_Images/add_colonne.png"

ToolTip="Ajouter Article Norme (ou client)" ImageUrl="~/Gen_Images/add_colonne.png"

Size="Medium" />

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Outils" Value="Autre">

<Items>

<telerik:RibbonBarTemplateItem>

<asp:HyperLink runat="server" NavigateUrl="~/Consultation/Print_Cotation_CSR.aspx?IdDoc="

Target="_blank" ID="Report_Offre" Text="Imprimer" ImageUrl="~/Gen_Images/Print.png"

ToolTip="Affichage d'une page pour permettre l'impression.">

</asp:HyperLink>

<asp:Label ID="Label1" runat="server" Text=" Print<br>"></asp:Label>

<asp:HyperLink runat="server" NavigateUrl="~/Consultation/Creation_CC.aspx.aspx?IdDoc="

Target="_blank" ID="SaisieColler" Text="Coller" ImageUrl="~/Gen_Images/ico_modifier_16.png"

ToolTip="Saisie par copier coller">

</asp:HyperLink>

<asp:Label ID="Label2" runat="server" Text=" Coller"></asp:Label>

</telerik:RibbonBarTemplateItem>

</Items>

</telerik:RibbonBarGroup>

<telerik:RibbonBarGroup Text="Langue" Value="Langue">

<Items>

<telerik:RibbonBarToggleButton Text="Français" Value="FR" ToolTip="Français" ImageUrl="~/Gen_Images/fr.png"

Size="Medium" />

<telerik:RibbonBarToggleButton Text="English" Value="EN" ToolTip="English" ImageUrl="~/Gen_Images/usa.png"

Size="Medium" />

</Items>

</telerik:RibbonBarGroup>

</telerik:RibbonBarTab>

</telerik:RadRibbonBar>

RibbonBar

answered on 06 Jan 2012

1 answer

145 views

LoadingPanel x and y offset?

I have a control that has some padding in it. This padding it pushing the loading panel so that it is not flush over the control. Is there a way to set a negative offset for the x and y position of the loading panel? Or perhaps there is a CSS workaround for a scenario like this?

Any help would be great!

Duncan

Ajax

answered on 06 Jan 2012

10 answers

613 views

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>)

Hi

I am currently upgrading our Telerik controls from Telerik.WebControls to the latest version of the Telerik.Web.UI controls.

I have replaced all of the old references and matched these to the new dll reference in the pages. Updated all methods/properties/declarations that have changed.

However, i am repeatedly getting this error on the page which is setup with an aspx page with many ascx controls registered to that aspx page:

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

I have read your forums regarding place all script out of the head tag and inside the body, replace all <%= with <%#, and wrap any script in a <RadCodeBlock> however none of this is working.

I am needing urgent help on this error!

Regards,
Jonathan

Ajax

answered on 06 Jan 2012

1 answer

186 views

Combobox selected value is null

Hi All,
I have 2 comboboxes on page both i have bind load on demand, both are working well but i want to get selected value of first combobox on second combobox OnItemsRequested Event but when second combobox event OnItemsRequested fires the selected value of first combobox is null my code is follws

<telerik:RadComboBox ID="rcbCategory" runat="server" EmptyMessage="Select Category"

OnItemsRequested="rcbCategory_OnItemsRequested" EnableLoadOnDemand="true" EnableViewState="true">

</telerik:RadComboBox>

<telerik:RadComboBox ID="rcbSubCategory" runat="server" OnItemsRequested="rcbSubCategory_OnItemsRequested"

EnableLoadOnDemand="true" EmptyMessage="Select Sub-Category">

</telerik:RadComboBox>

C#

protected void rcbCategory_OnItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

rcbCategory.DataSource = Category.GetAll();

rcbCategory.DataValueField = "ID";

rcbCategory.DataTextField = "CategoryName";

rcbCategory.DataBind();

}

protected void rcbSubCategory_OnItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

rcbSubCategory.DataSource = SubCategory.GetAll(rcbCategory.SelectedValue);

rcbSubCategory.DataValueField = "ID";

rcbSubCategory.DataTextField = "CategoryName";

rcbSubCategory.DataBind();

}

ComboBox

answered on 06 Jan 2012

11 answers

410 views

Rad ComboBox Dropdown is not showing properly

Hi,
I have used Rad ComboBox is my web page. its dropdown is showing correctly in Firefox, but not correctly in Google Chrome. In the source, the Rad Combobox is located under a <div> (I didn't use radsplitter in the web page). I didn't found the solution in the telerik forum, although, there must be many different posts on this topic here in the forums.
I attached a file the this post.

Thanks,
Mounir

ComboBox

answered on 06 Jan 2012

4 answers

157 views

OnItemRequested event is not working

Hello,

I am using RadTabStrip. Inside this multiple tab strip there are usercontrols loaded. In one of the user control I have a RadComboBox with OnItemRequested even. I want to load this combobox with the selected values using OnItemRequested event.

But the OnItemRequested event handeler is not envoked when i try to enter some text in the RadComboBox.

Can you please guide me ? what could be the possible way to make to enable to call this event handler ?

Note: I used EnableAutomaticLoadOnDemand="true" and also put the all controls in UpdatePanel.

Thanks,
Prayag

TabStrip

answered on 06 Jan 2012

1 answer

140 views

Open dynamic links as a pop up from rad window

Our application has RadWindow ,which is displayed as pop up window with some information.We are trying to open the links in the RadWindow in a new browser window - through the Ajax Manager by adding the Javascript method to the RadAjaxManager response scripts and sending the parameters from code behind.The script has been added to the Response scripts.but the javascript is not getting executed.

Is there any other way to do this? or is this the right approach.

Thanks
Chandra

Window

answered on 06 Jan 2012

2 answers

173 views

AppointmentContextMenuItemClicked does not fired

1) RadScheduler context menu does not fire AppointmentContextMenuItemClicked event.

(version 2011.3.1227.40)

using System;

using System.Collections.Generic;

using System.Globalization;

using System.Web.Script.Services;

using System.Web.Services;

using Telerik.Web.UI;

namespace Naucrates.Formcrates.Web.Form

{

[WebService]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[ScriptService]

public partial class TestScheduler : System.Web.UI.Page

{

protected void Page_Init(object sender, EventArgs e)

{

var Control = new RadScheduler();

Control.ID = "test";

Page.Form.Controls .Add(Control);

Control.AllowDelete = false;

Control.AllowEdit = false;

Control.AllowInsert = false;

Control.FirstDayOfWeek = DayOfWeek.Monday;

Control.LastDayOfWeek = DayOfWeek.Sunday;

Control.ShowFullTime = false;

Control.SelectedView = SchedulerViewType.MonthView;

Control.ShowViewTabs = true;

Control.ShowAllDayRow = true;

Control.DayView.UserSelectable = false;

Control.WeekView.UserSelectable = false;

Control.TimelineView.UserSelectable = false;

Control.WebServiceSettings.Path = Request.Url.AbsoluteUri;

Control.WebServiceSettings.ResourcePopulationMode = SchedulerResourcePopulationMode.ClientSide;

Control.TimeZoneOffset = TimeZone.CurrentTimeZone.GetUtcOffset(DateTime.Now);

Control.VisualTimeZoneOffset = Control.TimeZoneOffset;

Control.Culture = new CultureInfo("cs-CZ");

Control.ShowDateHeaders = false;

var menu = new RadSchedulerContextMenu();

menu.Items.Add(new RadMenuItem("test1"));

menu.Items.Add(new RadMenuItem("test2") { PostBack = true, Value = "val" });

Control.AppointmentContextMenus.Add(menu);

Control.AppointmentContextMenuItemClicked += Control_AppointmentContextMenuItemClicked;

Control.AppointmentContextMenuItemClicking += Control_AppointmentContextMenuItemClicking;

}

void Control_AppointmentContextMenuItemClicking(object sender, AppointmentContextMenuItemClickingEventArgs e)

{

System.Diagnostics.Debug.WriteLine("CLICKING!");

}

protected void Control_AppointmentContextMenuItemClicked(object sender, AppointmentContextMenuItemClickedEventArgs e)

{

System.Diagnostics.Debug.WriteLine("CLICK!");

}

[WebMethod]

public static IEnumerable<AppointmentData> GetAppointments(SchedulerInfo schedulerInfo)

{

var data = new List<AppointmentData>();

data.Add(new AppointmentData {Start = DateTime.Today, End = DateTime.Today.AddDays(2),Description = "TEST", Subject = "test"});

return data;

}

[WebMethod]

public static IEnumerable<ResourceData> GetResources(SchedulerInfo schedulerInfo)

{

return new List<ResourceData>();

}

2) Culture property does not working properly (see image).

What am I doing wrong?
Thanks,
Tomas Svec

Scheduler

answered on 06 Jan 2012

3 answers

623 views

[Solved] Client ID changes on Postback

Hi I have a RadWindow Generated at runtime based on certain condition , it also attaches itself to the RadWindowManager...
On first page load, the ID is set to "wndSetUp"... and on that page i have a button, when i click on the button to execute an onclick to display the radwindow, it postback , so on the next page load, i try to find the RadWindow using the FindControl("wndSetUp") but coudlnt find it... it turned out the ID has changed to a defaut "ctl02" rather than "wndSetUp" ( which it was correct on first page load)...

In the Watch Window, the ID clearly changes when I click on the button.
Can anyone explain to me why the ID?

Code of Master Page which has the onClick Button

protected void Page_Load(object sender, EventArgs e)

{

//Check if Calling Pages Require New User Set Up

if (SessionContext.NeedUserSetUp)

{

// Find Reference to Window Set Up

RadWindow wndSetUp = GetUserSetUpWindow();

if (wndSetUp != null)

{// Show Set Up Button and Add Ajax Settings

btNewUserSetUp.Visible = true;

RadAjaxManager_GM.AjaxSettings.AddAjaxSetting(btNewUserSetUp, wndSetUp);

}

else

{

btNewUserSetUp.Visible = false;

}

else

{

btNewUserSetUp.Visible = false;

}

/// <summary>

/// Handles the Click event of the btNewUserSetUp control.

/// </summary>

/// <param name="sender">The source of the event.</param>

/// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>

protected void btNewUserSetUp_Click(object sender, EventArgs e)

{

RadWindow wndSetup = GetUserSetUpWindow();

if (wndSetup != null)

{

wndSetup.Visible = true;

wndSetup.VisibleOnPageLoad = true;

}

/// <summary>

/// Gets the user set up window. Find the Reference to the Window Set Up generated dynamically

/// </summary>

/// <returns></returns>

private RadWindow GetUserSetUpWindow()

{

switch (sectionName)

{

case "SavingsCenter":

case "ShoppingLists":

case "BrowseItems":

case "FindDeals":

default:

return (RadWindow)Page.Form.FindControl("RadWindowManager_GM").FindControl("wndSetUp");

}

HTML

<telerik:RadWindowManager ID="RadWindowManager_GM" runat="server">

</telerik:RadWindowManager>

<telerik:RadButton ID="btNewUserSetUp" runat="server" Visible="false" Width="98"

Height="21" OnClick="btNewUserSetUp_Click">

<Image ImageUrl="../Images/btNewUserSetUp.gif" HoveredImageUrl="../Images/btNewUserSetUp_up.gif" />

</telerik:RadButton>

On My PageBASE class, inheritted by my pages, it checks a wnSetUp needs to be created using the 3 conditions: NeedUserSetUp, IsValidContext and !IsPostBack. My Work around is tp force a new creation of "wndSetUp" RadWindow (by removing the !IsPOstBack)... but in the end i had 2 RadWindows ( one with "ct02" and the other one since I recreated it on the postback with "wndSetUp")

protected override void OnLoad(EventArgs e)

{

_SessionContext.CallingPage = this;

//Check for New User Set Up

if (SessionContext.NeedUserSetUp && IsValidContext() && !IsPostBack)

{

RadWindow wndSetUp = CreateNewUserSetUpWindow(true);

}

base.OnLoad(e);

}

/// <summary>

/// Determines whether [is valid context] only if PageBase called within the ApplicationLayer.

/// </summary>

/// <returns>

/// <c>true</c> if [is valid context]; otherwise, <c>false</c>.

/// </returns>

private bool IsValidContext()

{

MasterPage master = GetRootLevelMaster();

return (master != null ? (master.GetType().Name.IndexOf("applicationlayer") > 0) : false);

}

/// <summary>

/// Creates the new user set up window.

/// </summary>

/// <param name="manualSetUp">if set to <c>true</c> [manual set up].</param>

/// <returns></returns>

public RadWindow CreateNewUserSetUpWindow(bool manualSetUp)

{

RadWindow wndSetUp = new RadWindow();

WindowSetUpConfigurations(wndSetUp, manualSetUp);

RadWindowManager wndManager = (RadWindowManager)GetWindowManager();

wndManager.Windows.Add(wndSetUp);

//Attach RadWindow to the Form

//this.Page.Form.Controls.Add(wndSetUp);

return wndSetUp;

}

private Control GetWindowManager()

{

MasterPage master = GetRootLevelMaster();

return master.FindControl("RadWindowManager_GM");

}

private MasterPage GetRootLevelMaster()

{

MasterPage master = Page.Master;

MasterPage prevMaster = null;

while (master != null)

{

prevMaster = master;

master = master.Master;

}

return prevMaster;

}

/// <summary>

/// Windows the set up configurations.

/// Requirement: CSS Skin is loaded for RadWindow in Master

/// </summary>

/// <param name="wndSetUp">The WND set up.</param>

private void WindowSetUpConfigurations(RadWindow wndSetUp,bool manualSetUp)

{

wndSetUp.ID = "wndSetUp";

if (manualSetUp)

{

RadButton btSetUp = (RadButton)GetWindowManager().FindControl("btNewUserSetUp");

wndSetUp.OpenerElementID = btSetUp.ClientID;

}

wndSetUp.Title = "First Time Setup";

wndSetUp.Skin = "gmBlue";

wndSetUp.NavigateUrl = "../Pages/InitialSetUp.aspx";

wndSetUp.Height = 730;

wndSetUp.Width = 900;

wndSetUp.KeepInScreenBounds = true;

wndSetUp.Modal = true;

wndSetUp.Overlay = true;

wndSetUp.ShowContentDuringLoad = true;

wndSetUp.Visible = false;

wndSetUp.VisibleStatusbar = false;

wndSetUp.VisibleTitlebar = true;

wndSetUp.Behaviors = WindowBehaviors.Close | WindowBehaviors.Move;

wndSetUp.EnableEmbeddedSkins = false;

wndSetUp.EnableShadow = false;

}

Window

answered on 06 Jan 2012

1 answer

146 views

How to Open ModalPopup By clicking On Appointment

Hi,
I have rad scheduler and i have some appointments in my Scheduler.How i can Open a Modal popup to show appointment details by click on a particular Appointment.Can any one help me asap

Thanks And Regards
N.Vishnu Vardhan Reddy

Scheduler

answered on 06 Jan 2012