Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
378 views

Hi,

 

I can't find a solution to this : I want to create an order form with a grid abd 5 textbox by rows. In these textbox, the user will enter quantity and all the grid will be saved at the save button. So, i need to do this in code-behind. I have this code :

 

 MyGrid.DataSource = ds
 'Colon #0 > DescriptionNaviguateUrl
 mycolumn= New Telerik.Web.UI.GridBoundColumn
mycolumn.HeaderText = "DescriptionNaviguateUrl"
mycolumn.DataField = "DescriptionNaviguateUrl"
mycolumn.Visible = False
MyGrid.MasterTableView.Columns.Add(mycolumn)

'Column#1 >Model + COlor
mycolumn= New Telerik.Web.UI.GridBoundColumn
mycolumn.HeaderText = "Model #"
mycolumn.DataField = "Model"
mycolumn.Visible = False
MyGrid.MasterTableView.Columns.Add(mycolumn)

 

 

How can i add a texbox column in the same way?

 

Thanks!

Eyup
Telerik team
 answered on 10 Mar 2016
1 answer
257 views

When I attempt to include a bootstrap rad date time picker thier is a unusual border around the date time picker and the control is a bet messed up in styles.

This is the code I am using I am using a theme called canvas but its not displaying the control correctly

                          <telerik:RadDateTimePicker ID="rdStarDate"   TimeView-StartTime="10:00" TimeView-EndTime="17:00"  CssClass="form-control no-border"   TimeView-Interval="5"     runat="server" Skin="MetroTouch">
<TimeView CellSpacing="-1" StartTime="10:00:00" Culture="en-GB" EndTime="17:00:00" Interval="00:05:00"></TimeView>
 
<TimePopupButton ImageUrl="" HoverImageUrl=""></TimePopupButton>
 
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" EnableWeekends="True" FastNavigationNextText="&lt;&lt;" Skin="MetroTouch"></Calendar>
 
<DateInput DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy" LabelWidth="40%">
<EmptyMessageStyle Resize="None"></EmptyMessageStyle>
 
<ReadOnlyStyle Resize="None"></ReadOnlyStyle>
 
<FocusedStyle Resize="None"></FocusedStyle>
 
<DisabledStyle Resize="None"></DisabledStyle>
 
<InvalidStyle Resize="None"></InvalidStyle>
 
<HoveredStyle Resize="None"></HoveredStyle>
 
<EnabledStyle Resize="None"></EnabledStyle>
</DateInput>
 
<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                                                          </telerik:RadDateTimePicker>

Maria Ilieva
Telerik team
 answered on 10 Mar 2016
1 answer
1.1K+ views

I am trying to alow enough room for the user to see the changes in the time field but as you see from the image its cut off how do i increase the size of the textbox of the datetime picker.

 

 

Eyup
Telerik team
 answered on 10 Mar 2016
1 answer
95 views

Hi everyone!

I need to have multiple selected day styles in my radCalendar. This is because a selected date on my calendar can be in on one of three status: approved/submitted and rejected.

 

So far, I have set the following style on my aspx page:

.RadCalendar_Default .rcRow .rcSelected
        {
            background-image: none !important;
            background: #0095c7 !important;
            color: #FFFFFF !important;
            border-color: #000000;
        }
        
        .RadCalendar_Default .rcRow .rcSelected a
        {
            color: #FFFFFF !important;
        }--%>
        
        
        .RadCalendar_Default .rcRow .rcSelectedSubmitted
        {
            background-image: none !important;
            background: #ffff00 !important;
            color: #FFFFFF !important;
            border-color: #000000;
        }
        
        .RadCalendar_Default .rcRow .rcSelectedSubmitted a
        {
            color: #FFFFFF !important;
        }

 

 

And this is what I have so far on my code behind:

 

foreach (DataRow currentChosenDate in dtChosenDates.Rows)
                {
                    selectedChosenDay = new RadDate((DateTime)currentChosenDate["SelectedDate"]);
                    calYearview.SelectedDates.Add(selectedChosenDay);

                    // Besides being selected, this must be marked as a special day...
                    specialDayChosenAndSelectedDay = new RadCalendarDay(calYearview);

                    specialDayChosenAndSelectedDay.Date = (DateTime)currentChosenDate["SelectedDate"];
                    specialDayChosenAndSelectedDay.ToolTip = currentChosenDate["ApprovalStatus"].ToString();
                    specialDayChosenAndSelectedDay.IsSelected = true;

                    specialDayChosenAndSelectedDay.ItemStyle.CssClass = "rcRow rcSelecteSubmitted"; // <--- This is where I'm stuck in....
                    calYearview.SpecialDays.Add(specialDayChosenAndSelectedDay);
                }

But no matter what I do, the calendar always sets the style for these selected days as: .RadCalendar_Default .rcRow .rcSelected

I'm trying to avoid to use Templates, so could you please shed some light on me?

 

Thanks in advance!

 

 

Eyup
Telerik team
 answered on 10 Mar 2016
8 answers
536 views

Hi,

 

I have upgraded my telerik version from 2014.2.618.45 to 2015.3.1111.45.

In Previous version i was not facing any date format issue, but in new version if i drop any field of type DateTime to Row/Column Field the date show only Year as value.

I have tried to correct this by using below in  RadPivotGrid1_PreRender(object sender, EventArgs e) :

RadPivotGrid1.Fields[i].DataFormatString = "{0:dd.MM.yyyy}";

 

but it changed the data cell value , not the column,row field value.

 

PFA image for reference.

Kostadin
Telerik team
 answered on 10 Mar 2016
1 answer
168 views

Hi,

 

the range slider moving in opposite direction, start drag should not move after end drag. 

if the range of start drag is 4 and range of end drag is 5, currently start drag is moving after 5. 

have to stop this, if the start drag and end drag value is equal then drag should not slide.

 

Joana
Telerik team
 answered on 10 Mar 2016
13 answers
408 views

I have a RadPanelBar in an asp:Panel so that I can provide grouping functionality and GroupingText.  Perhaps my choice of panelbar was inappropriate in this case, but the number of Level 0 items will almost certainly be larger than the space I've allocated to the panel, so a scroll is required.  For example, I have about 100 categories of reports to choose from, and within each category there are anywhere from 1 to 20 report items.

I can restrict the size of the panelbar with CSS on the container panel, with overflow-x and -y set to auto.  When data populates the panelbar, a scrollbar displays outside of the panel during control rendering, but it quickly disappears.
 
After selecting a Level 0 RadPanelItem (category), the list of Level 1 items displays, and then the panelbar scrollbar displays!

  <asp:Panel ID="ReportsByCategoryPanel" GroupingText="Select a Category and Report" 
    runat="server" Style="z-index: 100; position: absolute; top: 5px; left: 2px;" 
    Width="473px" Height="400px" CssClass="GroupingPanel">  
    <%--Sample data in panelbar is for designer, replaced at runtime--%> 
    <telerik:RadPanelBar ID="pbReportList" runat="server" BorderStyle="Inset" BorderWidth="2px" 
      Height="370px" Style="z-index: 105; position: relative; top: 2px; left: 2px;" 
      Width="420px" OnItemClick="pbReportList_ItemClick" AllowCollapseAllItems="True" 
      CollapseDelay="200" ExpandMode="FullExpandedItem" TabIndex="20">  
      <Items> 
        <telerik:RadPanelItem runat="server" Text="Category 1">  
          <Items> 
            <telerik:RadPanelItem runat="server" Text="Report C1R1">  
            </telerik:RadPanelItem> 
          </Items> 
        </telerik:RadPanelItem> 
        <telerik:RadPanelItem runat="server" Text="Category 2">  
          <Items> 
            <telerik:RadPanelItem runat="server" Text="Report C2R1">  
              <Items> 
                <telerik:RadPanelItem runat="server" Text="Report C2R2">  
                </telerik:RadPanelItem> 
              </Items> 
            </telerik:RadPanelItem> 
          </Items> 
        </telerik:RadPanelItem> 
      </Items> 
    </telerik:RadPanelBar> 
  </asp:Panel> 

The size of the content panel for the open category is much larger than the number of items.  I might have 8 items but the default provides room for about 25 level 1 items before the next level 0 category displays.  I set the ChildGroupHeight on level 0 category items to 100 but it doesn't seem to affect the size of the space allocated for groups of level 1 children.  I am not using ItemTemplates.

Looking at the source via IE Developer Toolbar, I can see why the groups are mis-sized. 

<ul class="rpRootGroup">  
  <li class="rpItem rpFirst" _itemtypename="Telerik.Web.UI.RadPanelItem">  
    <class="rpLink rpExpandable  rpFocused rpSelected rpExpanded" href="http://localhost:49573/MainContent01.aspx#">  
      <span class="rpOut"><span class="rpText">Level 0 CategoryName</span> </span> 
    </a> 
    <div class="rpSlide" style="display: block; height: 912px" jquery1241584291328="4">  
      <ul class="rpGroup rpLevel1 " style="display: block; width: 100%; height: 912px">  
        <li class="rpItem rpFirst" _itemtypename="Telerik.Web.UI.RadPanelItem">  
          <class="rpLink " href="http://localhost:49573/MainContent01.aspx#">  
            <span class="rpOut"><span class="rpText">First Level 1 Child Here...</span> 
          </a> 
        </li> 
      </ul> 
    </div> 
  </li> 
</ul> 

Look at the rpSlide height in line 6 and the rpGroup hight in line 7.  Those numbers are off the wall considering the whole panelbar is only 370 pixels high per the code above.

1) How can I fix those Height params?

2) Any idea what's up with the disappearing scrollbar?

Thanks!

Config is VS2005 / .NET2 / RadControls v2009.1.402.20 / IE7 / Planet Earth / Milky Way

Elena
Top achievements
Rank 1
 answered on 09 Mar 2016
3 answers
129 views

Lost the scrollbar when using HeaderTemplate in Explorer and Firefox.

Works in Chrome...

Ivan Danchev
Telerik team
 answered on 09 Mar 2016
1 answer
123 views

Hi,

We're using your RadFileExplorer as imagepicker in our software and are trying to improve the performance of it.
Some users don't sort their images into subfolders but puts all of their images in the root folder, with results high performance drop when not using pager with more than 2000 images in one folder (especially with slow internet connections).

Without pager: 20 seconds until 2 minutes to load
With pager: 5 until 10 seconds to load

But still very slow, we're targeting to 2~3 seconds (maximal).

It seems the thumbnail mode don't caches the generated views because the performance difference between grid and thumbnail modes is very huge, after first load as well. The grid mode seems loads within 1,5 seconds which thumbnail mode takes 5 until 10 seconds.

How we can improve the performance of the FileExplorer with thumbnail mode?

Vessy
Telerik team
 answered on 09 Mar 2016
23 answers
1.2K+ views
I'm getting the following script errors on this very simple example site.

Line: 6
Error: 'jQuery' is undefined

Line: 8
Error: '$telerik' is undefined

The ScriptManager is not loading my jquery reference.  Afterward, the embedded jquery 1.9.1 is loaded (even though i have EnableEmbeddedjQuery set to false) and it tries to assign it to $telerik, which isn't defined.

default.aspx

<head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableCdn="true" EnableEmbeddedjQuery="false" >
        <Scripts>           
            <telerik:RadScriptReference Name="jquery"   />
            <telerik:RadScriptReference Name="jquery-ui" />
        </Scripts>
    </telerik:RadScriptManager>
    <div>
    </div>
        <asp:Login ID="Login1" runat="server"></asp:Login>
    </form>
</body>
</html>


web.config

<?xml version="1.0"?>
<configuration>
  <appSettings>
    <add key="Telerik.Skin" value="Silk"/>
    <add key="Telerik.ScriptManager.TelerikCdn" value="Enabled"/>
    <add key="Telerik.StyleSheetManager.TelerikCdn" value="Enabled"/>
  </appSettings>
  <system.web>
    <compilation debug="true" targetFramework="4.5"/>
    <httpRuntime targetFramework="4.5"/>
    <pages>
      <controls>
        <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>
      </controls>
    </pages>
    <httpHandlers>
      <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>
      <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>
      <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>
      <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>
      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>
    </httpHandlers>
    <httpModules>
      <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule"/>
      <add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>
    </httpModules>
  </system.web>
  <system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules runAllManagedModulesForAllRequests="true">
      <remove name="RadUploadModule"/>
      <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode"/>
      <remove name="RadCompression"/>
      <add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode"/>
    </modules>
    <handlers>
      <remove name="ChartImage_axd"/>
      <add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode"/>
      <remove name="Telerik_Web_UI_SpellCheckHandler_axd"/>
      <add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode"/>
      <remove name="Telerik_Web_UI_DialogHandler_aspx"/>
      <add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode"/>
      <remove name="Telerik_RadUploadProgressHandler_ashx"/>
      <add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode"/>
      <remove name="Telerik_Web_UI_WebResource_axd"/>
      <add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode"/>
    </handlers>
  </system.webServer>
</configuration>


Global.asax

<%@ Application Language="C#" %>
 
<script runat="server">
 
    void Application_Start(object sender, EventArgs e)
    {
        // Code that runs on application startup
        string jqueryversion = "1.10.2";
        ScriptManager.ScriptResourceMapping.AddDefinition("jquery",
            new ScriptResourceDefinition
            {
                CdnSupportsSecureConnection = true,
                Path = "~/javascript/jquery-" + jqueryversion + ".min.js",
                DebugPath = "~/javascript/jquery-" + jqueryversion + ".min.js",
                CdnPath = "//ajax.aspnetcdn.com/ajax/jquery/jquery-" + jqueryversion + ".min.js",
                CdnDebugPath = "//ajax.aspnetcdn.com/ajax/jquery/jquery-" + jqueryversion + ".js"
            });
 
        string jqueryuiversion = "1.9.2";
        ScriptManager.ScriptResourceMapping.AddDefinition("jquery-ui",
            new ScriptResourceDefinition
            {
                CdnSupportsSecureConnection = true,
                Path = "~/javascript/jquery-ui-" + jqueryuiversion + ".min.js",
                DebugPath = "~/javascript/jquery-ui-" + jqueryuiversion + ".min.js",
                CdnPath = "//ajax.aspnetcdn.com/ajax/jquery.ui/" + jqueryuiversion + "/jquery-ui.min.js",
                CdnDebugPath = "//ajax.aspnetcdn.com/ajax/jquery.ui/" + jqueryuiversion + "/jquery-ui.js"
            });
    }
     
    void Application_End(object sender, EventArgs e)
    {
        //  Code that runs on application shutdown
 
    }
         
    void Application_Error(object sender, EventArgs e)
    {
        // Code that runs when an unhandled error occurs
 
    }
 
    void Session_Start(object sender, EventArgs e)
    {       
 
        // Code that runs when a new session is started
         
    }
 
    void Session_End(object sender, EventArgs e)
    {
        // Code that runs when a session ends.
        // Note: The Session_End event is raised only when the sessionstate mode
        // is set to InProc in the Web.config file. If session mode is set to StateServer
        // or SQLServer, the event is not raised.
 
    }
        
</script>


I can't seem to solve this RadScriptManager black box.  Help!





Charles
Top achievements
Rank 1
 answered on 09 Mar 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?