|
ParentPage.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ParentPage.aspx.cs" Inherits="ParentPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<iframe src="ChildPage.aspx" id="frameid" width="500" height="500" style="background-color: #00FF00"></iframe>
<iframe src="ChildPage2.aspx" id="frameid2" width="500" height="500" style="background-color: #00FFFF"></iframe>
</div>
</form>
</body>
</html>
ChildPage.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChildPage.aspx.cs" Inherits="ChildPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
/* The Modal (background) /
.modal {
display: none; / Hidden by default /
position: fixed; / Stay in place /
z-index: 1; / Sit on top /
padding-top: 100px; / Location of the box /
left: 0;
top: 0;
width: 100%; / Full width /
height: 100%; / Full height /
overflow: auto; / Enable scroll if needed /
background-color: rgb(0,0,0); / Fallback color /
background-color: rgba(0,0,0,0.4); / Black w/ opacity */
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body {padding: 2px 16px;}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
</style>
</head>
<body>
<h2>Animated Modal with Header and Footer</h2>
<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>
<div id="myModal" class="modal" >
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
×
<h2>Modal Header</h2>
</div>
<div class="modal-body">
<p>Some text in the Modal Body</p>
<p>Some other text...</p>
</div>
<div class="modal-footer">
<h3>Modal Footer</h3>
</div>
</div>
</div>
<script>
// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
<pre>
modal.style.display = "block";
}
// When the user clicks on (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
$(document).ready(function(){
modal.style.display = "block";
});
}
ChildPage2.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChildPage2.aspx.cs" Inherits="ChildPage2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<pre>
</div>
</form>
How Can I Open the Iframe's modal popup on Parent Page, Not on Child's page?
|
|
|
|
|
|
Hi All,
I want to hide span which has class k-icon k-i-close but don't want to hide spam with class: k-icon k-i-edit,
<td role="gridcell">
<a role="button" class="k-button k-button-icontext k-grid-edit" href="#">
Edit
</a>
<a role="button" class="k-button k-button-icontext k-grid-delete" href="#">
Delete
</a>
</td>
I have tried in the below way:
.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image
{
visibility:hidden;
}
But it is hiding images of all buttons, but I want to only hide delete buttons image using css class. I have tried in the below way also but its not hiding the delete buttons icon, I just want to hide the delete buttons icon.
function dataBoundAdmin(e)
{
var data = this.dataSource.view();
for (var i = 0; i < data.length; i++)
{
var uid = data[i].uid;
var row = this.table.find("tr[data-uid='" + uid + "']");
if (data[i].IsValid)
{<br />
row.find(".k-grid-delete").contents().last()[0].textContent = 'Disable';
}
else
{<br />
row.find(".k-grid-delete").contents().last()[0].textContent = 'Enable';
}
}
$(".k-icon k-i-close").hide();
}
Any help is going to be very helpful, thanks in advance.
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
Ok no problem, I got it resolved in the following way:
function dataBoundAdmin(e)
{
var data = this.dataSource.view();<br />
for (var i = 0; i < data.length; i++)
{
var uid = data[i].uid;
var row = this.table.find("tr[data-uid='" + uid + "']");
row.find(".k-i-close").hide();
if (data[i].IsValid)
{
row.find(".k-grid-delete").contents().last()[0].textContent = 'Disable';
}
else
{
row.find(".k-grid-delete").contents().last()[0].textContent = 'Enable';
}
}
}
Just say if somebody needs similar help.
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
If you want to hide .k-i-close but not .k-i-edit, then you need a rule that targets .k-i-close:
.k-button.k-button-icontext .k-i-close
{
visibility:hidden;
}
If you want to do it using jQuery, you'll need a valid selector. Your example is looking for an element called <k-i-close> which is a descendant of an element with class="k-icon" - that doesn't match your markup. Try:
$(".k-icon.k-i-close").hide(); Class Selector (“.class”) | jQuery API Documentation[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Hi,
Am having two folders in my project containing two login.aspx pages of same name. So is it possible to use only one code behind page(login.aspx.cs) for two pages.
Please suggest me solution. Thanks in Advance.
|
|
|
|
|
While it may be possible, that will not be a good design. You might end up in issues regarding control names. Also, any future updates can cause problems. I would recommend keeping separate code behind files. If there are similar/same functionality, I would suggest extracting common bits to a utility class.
"It is easy to decipher extraterrestrial signals after deciphering Javascript and VB6 themselves.", ISanti[ ^]
|
|
|
|
|
Thank you for your response.....
|
|
|
|
|
.ASPX pages should have a corresponding code-behind pages (.ASPX.CS files) ~ that's the WebForm's page model, each page is self-contained with its view and code organized together. This follows the Single Responsibility Principle.
If you have code that you think other pages or other areas in your application accesses it, then make them reusable methods. Create a Helper class as suggested and put all your method that you think are common. That way, you would just need to call a method from the Helper class instead of copying and pasting the same code all over again.
|
|
|
|
|
create a common base class Inheriting from page) with your generic login functionality; then inherit from that class in the two separate pages. You can then add folder-specific code as needed whilst avoiding duplication of your login functionality.
|
|
|
|
|
Thank you for your response.
Can you please provide me simple example with two aspx pages containing same name.
Thanks in Advance
|
|
|
|
|
Sure, no problem.
Take a look at cp.derektp.co.uk/page1[^] and cp.derektp.co.uk/subfolder/page1[^]
Two pages, same name (and the supporting class is the same name, "page1", too.)
Both pages inherit from class "commonpage" which is what supplies the common functionality (in this case, populating the middle line of text).
Cheers! 
|
|
|
|
|
I spend 3 days now to fix this bug. I have in Classic ASP.NET environment (.NET version 4.0). I am trying to do 'Restful' from MVC by adding controllers folder.
I rebuilt the project and there is no issue until I load the page (http://localhost) then I have got error (NewtonSoft.Json). I have done everything according to suggestion from Internet but the issue won't go away. Thanks for any suggestion.
Here is my Global.asax:
<%@ Application Language="VB" %>
<%@ Import Namespace="System.io" %>
<%@ Import Namespace="System.Web.Configuration" %>
<%@ Import Namespace="System.Web.Http" %>
<%@ Import Namespace="System.Web.Routing" %>
<%@ Import Namespace="System.ServiceModel.Activation" %>
<%@ Import Namespace="RBWeb" %>
<script runat="server">
Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs)
RBWebLibrary.Register(GlobalConfiguration.Configuration)
End Sub
<pre><pre>
My Web.Config
<runtime xmlns="">
<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
<dependentAssembly>
<assemblyIdentity name="Newtonsoft.Json" publicKeyToken="30ad4fe6b2a6aeed" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-6.0.0.0" newVersion="11.0.0.0" />
</dependentAssembly>
</assemblyBinding>
</runtime>
------------------------------------------
and here is my RBWebLibrary.Register:
Public Shared Sub Register(ByVal config As HttpConfiguration)
config.Routes.MapHttpRoute(name:="DefaultApi", routeTemplate:="api/{controller}/{id}", defaults:=New With {.id = RouteParameter.Optional})
End Sub
and here is the packages.config
<package id="Newtonsoft.Json" version="11.0.2" targetFramework="net452" />
|
|
|
|
|
If you want someone to help you fix an error, then you need to tell us what the error is.
We need the full details of the error, not a random word picked out of the error message.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Your package says ver 11, not 6
Member 359326 wrote: <package id="Newtonsoft.Json" version="11.0.2" targetFramework="net452" />
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
Hi,
i am having problem with the position odf calender.
the calender is being displayed at TopLeft side of the page after clicking on text box for the first time,
after clicking on the text box it is displaying on the bottom right.
Sample code;
<tr>
<td align="left">
<asp:Label ID="txtdisptext" runat="server" Text="Appointment Date"></asp:Label>
</td>
<td align="left">
<asp:TextBox ID="txtCallReceivingDateTime" Width="100" runat="server" class="input"
MaxLength="25" TabIndex="13"></asp:TextBox>
<asp:CalendarExtender ID="txtCallReceivingDateTime_CalendarExtender" runat="server"
TargetControlID="txtCallReceivingDateTime" Enabled="True" Format="dd/MM/yyyy"
CssClass="cal_Theme1" PopupPosition="BottomRight">
</asp:CalendarExtender>
<%--<asp:CalendarExtender ID="CalCallReceDate" runat="server" >
</asp:CalendarExtender>--%>
<asp:DropDownList ID="ddlCallAttendedOnTimeHours" runat="server" Width="40px" CssClass="inputddl">
<asp:ListItem Value="0">00</asp:ListItem>
<asp:ListItem Value="1">01</asp:ListItem>
<asp:ListItem Value="2">02</asp:ListItem>
<asp:ListItem Value="3">03</asp:ListItem>
<asp:ListItem Value="4">04</asp:ListItem>
<asp:ListItem Value="5">05</asp:ListItem>
<asp:ListItem Value="6">06</asp:ListItem>
<asp:ListItem Value="7">07</asp:ListItem>
<asp:ListItem Value="8">08</asp:ListItem>
<asp:ListItem Value="9">09</asp:ListItem>
<asp:ListItem Value="10">10</asp:ListItem>
<asp:ListItem Value="11">11</asp:ListItem>
<asp:ListItem Value="12">12</asp:ListItem>
<asp:ListItem Value="12">13</asp:ListItem>
<asp:ListItem Value="14">14</asp:ListItem>
<asp:ListItem Value="15">15</asp:ListItem>
<asp:ListItem Value="16">16</asp:ListItem>
<asp:ListItem Value="17">17</asp:ListItem>
<asp:ListItem Value="18">18</asp:ListItem>
<asp:ListItem Value="19">19</asp:ListItem>
<asp:ListItem Value="20">20</asp:ListItem>
<asp:ListItem Value="21">21</asp:ListItem>
<asp:ListItem Value="22">22</asp:ListItem>
<asp:ListItem Value="23">23</asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="ddlCallAttendedOnTimeMinutes" runat="server" Width="40px" CssClass="inputddl">
<asp:ListItem Value="0">00</asp:ListItem>
<asp:ListItem Value="1">05</asp:ListItem>
<asp:ListItem Value="2">10</asp:ListItem>
<asp:ListItem Value="3">15</asp:ListItem>
<asp:ListItem Value="4">20</asp:ListItem>
<asp:ListItem Value="5">25</asp:ListItem>
<asp:ListItem Value="6">30</asp:ListItem>
<asp:ListItem Value="7">35</asp:ListItem>
<asp:ListItem Value="8">40</asp:ListItem>
<asp:ListItem Value="9">45</asp:ListItem>
<asp:ListItem Value="10">50</asp:ListItem>
<asp:ListItem Value="11">55</asp:ListItem>
</asp:DropDownList>
</td>
<td align="left">
<asp:Label ID="lblRmrkstext" runat="server" Text="Remarks"></asp:Label>
</td>
<td align="right">
<asp:TextBox ID="textRemarks" runat="server" Style="padding-left: 11px;" class="input"
TextMode="MultiLine" TabIndex="15"></asp:TextBox>
</td>
</tr>
Thank you in advance
|
|
|
|
|
Hi,
I am using DropdownListFor in my MVC cshtml page, but I am getting the above error:
@Html.DropDownListFor(model => model.PKModeOfServiceLKPId, new SelectList(Model.ModeOfServiceLKPList, "PKModeOfServiceLKPId", "Description") , new { @class = "form-control input-sm", style = "width:300px;", @id = "idDDLForModeOfServiceCode"})
But I am getting the values in the Model as below;
public List<MCMSSFCrosswalk> GetMCMSSFCrosswalkList()
{
using (BHPRVEntities pe = new BHPRVEntities())
{
var prov = pe.Usp_Get_MCMSSFCategoryCrosswalkList();
return prov.Select(p => new MCMSSFCrosswalk()
{
Id = p.Id,
Description = p.MCMSSFCrosswalkDescription,
MCModeOfServiceCode=p.ModeOfServiceCode,
FKServFuncCatMCModeOfServiceId = p.FKServFuncCatMCModeOfServiceId,
ModeOfServiceCode=p.ModeOfServiceCode,
ServiceFunctionCategoryCode=p.ServiceFunctionCategoryCode,
ServiceFunctionCategoryDescription=p.ServiceFunctionCategoryDescription,
CreatedDate = ((p.CreatedDate != null) && (!DBNull.Value.Equals(p.CreatedDate))) ? p.CreatedDate : null,
CreatedBy = p.CreatedBy,
ModifiedDate = ((p.ModifiedDate != null) && (!DBNull.Value.Equals(p.ModifiedDate))) ? p.ModifiedDate : null,
ModifiedBy = p.ModifiedBy,
IsValid = ((p.IsValid == null) || (DBNull.Value.Equals(p.IsValid))) ? true : p.IsValid,
ModeOfServiceLKPList=GetListOfModeOfServices(),
MCModeOfServiceLKPList = GetListOfMCModeOfServices(),
ServiceFunctionCategoryLKPList = GetListOfServiceFunctionCategories()
}).ToList();
}
}
My Model is as below:
public class MCMSSFCrosswalk
{
private List<ModeOfServiceLKP> listOfModeOfServiceLKP = new List<ModeOfServiceLKP>();
private List<MCModeOfServiceLKP> listOfMCModeOfServiceLKP = new List<MCModeOfServiceLKP>();
private List<ServiceFunctionCategoryLKP> listOfServiceFunctionCategoryLKP = new List<ServiceFunctionCategoryLKP>();
public int Id { get; set; }
public string Description { get; set; }
public string RevenueCode { get; set; }
public string ProcedureCode { get; set; }
public string Modifier1 { get; set; }
public string Modifier2 { get; set; }
public string Modifier3 { get; set; }
public string Modifier4 { get; set; }
public int FKServFuncCatMCModeOfServiceId { get; set; }
[DisplayName("ModeOfServCode")]
public string ModeOfServiceCode { get; set; }
public int? PKModeOfServiceLKPId { get; set; }
[DisplayName("ModeOfServDescr")]
public string ModeOfServiceDescription { get; set; }
[DisplayName("ServFuncCatCode")]
public string ServiceFunctionCategoryCode { get; set; }
public int? PKServiceFunctionCategoryLKPId { get; set; }
[DisplayName("ServFuncCatDesc")]
public string ServiceFunctionCategoryDescription { get; set; }
public string MCModeOfServiceCode { get; set; }
public int? PKMCModeOfServiceLKPId { get; set; }
public string MCModeOfServiceDescription { get; set; }
public DateTime? CreatedDate { get; set; }
public string CreatedBy { get; set; }
public DateTime? ModifiedDate { get; set; }
public string ModifiedBy { get; set; }
public bool? IsValid { get; set; }
public int? LookupTableId { get; set; }
public List<ModeOfServiceLKP> ModeOfServiceLKPList { get { return this.listOfModeOfServiceLKP; } set { this.listOfModeOfServiceLKP = value; } }
public List<MCModeOfServiceLKP> MCModeOfServiceLKPList { get { return this.listOfMCModeOfServiceLKP; } set { this.listOfMCModeOfServiceLKP = value; } }
public List<ServiceFunctionCategoryLKP> ServiceFunctionCategoryLKPList { get { return this.listOfServiceFunctionCategoryLKP; } set { this.listOfServiceFunctionCategoryLKP = value; } }
}
But the break point int the method GetMCMSSFCrosswalkList() is not even hitting just when the Page getting loaded its breaking at the @Html.DropDownListFor, PKModeOfServiceLKPId, I am not sure why is it breaking. I am little bit new to MVC, can anybody please help me, all I have to do is to load the list of these three objects in three different dropdowns and select the items of those dropdowns depending upon the Primary Keys we get.
I really need some help, any support would be very very helpful - thanks in advance.
Thanks,
Abdul Aleem
"There is already enough hatred in the world lets spread love, compassion and affection."
|
|
|
|
|
If the breakpoint isn't getting hit, then you haven't called the method.
What does the code in your action method look like?
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
I finally figured out how to integrate Angular 6 into a .Net 2.1 core project, and get all my scss and scripts loaded and the first page loaded correctly.
So now I'm on to the Angular Questions. What section would be the proper place to post them?
My Question:
I understand the Home component, module and routes for a single component.html page. But I really want to add a page called 'websites' and use the home.component, home.module and home.routes for it, basically just add another HTML file.
Is is possible for me to just add another html file to the home.component, home.module and home.routes?
Or do I have to make a component, module and route for every page?
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
Not the best person to answer this, but you could try posting Angular related questions to Web Development forum section: Web Development Discussion Boards[^], Otherwise if the issue is more on ASP.NET Core side, you can post your query here.
I'm not aware of an official forums discussion for Angular, but you could also try posting Angular queries at SO: Newest 'angular' Questions - Stack Overflow[^]
|
|
|
|
|
I was just thinking about this post an hour ago.
Well I heard the sound of crickets here, so perhaps I'll have to try another venue for Angular questions.
I'm past the .net core part of Angular, and I'm on pure Angular typescript and router now.
I'm starting to see the downside of using Angular with .Net Core 2, in which I have to double build each time I change something, which is time consuming.
But thanks for the answer!
If it ain't broke don't fix it
Discover my world at jkirkerx.com
modified 1-Aug-18 12:00pm.
|
|
|
|
|
You bet. Good luck on exploring Angular! 
|
|
|
|
|
Hi,
I am doing an mvc application.
I am unable to send data from view to controller.
View code
@model IEnumerable<studentcourse.models.course>
Index
@foreach(var item in Model)
{
- @Html.ActionLink(item.coursename,"Details","Home",new {name=item.coursename})
}
controller code:
public ViewResult Details(string name)
{
return View(db.students.Where(x=>x.cousename==name.ToString()).ToList());
}
the parameter value for "string name" is showing null.
thanks in advance
|
|
|
|
|
Try replace this line
@Html.ActionLink(item.coursename,"Details","Home",new {name=item.coursename})
with
@Html.ActionLink(item.coursename,"Details","Home",new {name=item.coursename}, null)
c# - HTML.ActionLink method - Stack Overflow[^]
Bryian Tan
|
|
|
|
|
I'm trying to figure out the right way to play around with Angular in my .Net Core 2.1 project.
Right now I just have a folder with Angular in it, and created a bundle. In the View I created markup to call the controller and render the output.
It works fine for now, at least I think it does.
But I used some other examples, such as using ng new ClientApp and followed the instructions. Now my project loads the Angular index page instead of my views. Funny how that sure works fine, and I guess I pulled it off.
I'm trying to create some sort of hybrid here, where a couple of pages can be Angular, while the others are MVC.
Am I correct is assuming the above is strictly for creating a pure Angular project? A pure Angular project in which everything is Angular, or is it possible to for me to mix the two together, and perhaps a hint on how.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
