I need help creating this below UI (click on "Ui mock up" link) as a popup when clicking on a link. And each text (Text1, Text 2 and Text 3) would be a hyper link
We are using Kendo UI with ASP.Net MVC framework.
UI mock up
Please lhelp
Try this:
View:
#(Html.Kendo().Window()
.Name("popup")
.Title("Whatever")
.Content(#<text>
anything you want here: the HTML for your 3 text links, for example
</text>)
.Modal(true)
.Visible(false)
.Width(200)
)
Script:
$("#popup").data("kendoWindow").center().open();
Call the script when clicking the link you want to trigger the popup.
Related
It appears that my Kendo UI window feature to allow for close, minimize or maximize does not work at all.
I can resize, and expand it using drag, but clicking on either of the 3 buttons icons does not work.
Here is my basic setup on the cshtml file
#{Html.Kendo().Window()
.Name("window")
.Title("Update user")
.Actions(actions => actions
//.Custom("custom")
.Minimize()
.Maximize()
.Close()
)
.Content(#<text>
fun sample
</text>)
.Draggable()
.Resizable()
.Width(600)
.Visible(false)
.Modal(true)
.Render();
}
All other Kendo UI features work, such as tabstrip and grid.
Is there a possibility of crippleware being applied to the current Kendo app I am using?
According to the Telerik site for the account I am using, the DevCraft Complete license has expired.
Or is it the case of not importing the correct kendo links in the _layout.cshtml page?
Many thanks for your help,
RC
I have created a Custom widget in Sitefinity. I want to add a rich Textbox in the widget.
For detail see below images.
Add a rad editor control to your designer .ascx file
<telerik:RadEditor runat="server" ID="RadEditor1" Height="400px" Width="680px" SkinID="MinimalSetOfTools">
</telerik:RadEditor>
You may also need to add telerik web ui refference on the top of the .ascx file in case is not added
<%# Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
if you want to add RadEditor, you needs to perform following steps.
1)In .ascx file add the namespace as shown
<%# Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
2)And replace your textbox with following code.
<telerik:RadEditor runat="server" ID="Mytext" Height="400px" Width="680px" SkinID="MinimalSetOfTools" CssClass="sfTxt">
</telerik:RadEditor>
3)you need to make some changes in the .js file of your widget as well because RadEditor has its own methods to get or set its html. You can use get_html() and set_html() instead of using val() in its .js file
Hi I am working on ASP.NET MVC project. I have textarea in my view where user will get download link to report.
Currently I have this code in my view page :
#if (ViewData["datalink"] != null && !String.IsNullOrEmpty(ViewData["datalink"].ToString()))
{
<textarea class="jquery_ckeditor" cols="65" id="editor1" name="editor1" rows="10">Your report is now available<br />#ViewData["datalink"].ToString()</textarea>
}
For above code output will be like this :
Your automated report is now available
www.test.com
But Instead of showing user directly link, I need to provide text with hyperlink like this :
Your automated report is now available
DownloadLink
How can I achieve this??
This is not possible to do with a textarea. You could use a div construct instead with contenteditable property assigned to it:
<div contenteditable="true"></div>
Which will enable you to place hyperlinks inside + it will give you the same similar functionality as textarea.
Its not fixed content. Your report is now available is editable. User
can edit that.
Instead of TextArea, go for Editor like TinyMCE (with ASP.Net MVC) that will display the content as you need.
Is it possible to have a Mvc4 Link (http://localhost:59446/TierManagement/CreateTier) in the contextmenu of jsTree, which will take me to new view (CreateTier page)
On click of that item in context menu, just redirect to the required page using
document.location.href="<!--your link goes here-->";
the code would be
action(obj){
document.location.href="<!--your link goes here-->";
}
I am in the process of learning and understanding asp.net MVC and google maps.. Just came across one of the examples while googling and got a doubt.
Here's what I am trying to do...
in the form there are 3 things... a dynamic texbox, a submit button and "my location" button which I am trying to add.
on clicking the "my location" button,( I have the javascript to get the lat, long of my coordinates) it should display it on the textbox, just wanted to see whether it has picked up properly and then i will click on the submit button.
I saw in the code referred as <%html.texbox('addr')%> I presume it is dynamic texbox...
Is this possible ? I think it should be, but I'm not sure how.
what do you mean by Dynamic Textbox? a textbox every time a user clicks the button?
<%html.texbox('addr')%> syntax is something which is used to render a textbox and this aint a dynamic one. this is rendered only once when the complete view is being rendered. You can read more about input extentions in asp.net MVC view engines here http://msdn.microsoft.com/en-us/library/system.web.mvc.html.inputextensions.textbox.aspx
i you want to really insert a dynamic textbox whenver you click the button you can just use Jquery(already present in a new MVC project made by VS). and do something like
$('#divId').append($('<input type="text"/>'))
you can do smthing like
var $tb = $('<input type="text" value="SOme_Value_Lat,LON"/>');
$('#divId').append($tb);