Products

Solutions

Learn More

Partners

Community

Blog

About

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesLabel Editing Label Editing
Previous
 
Next
New Post
9/12/2016 9:11 AM
 

Hi,

I am bit new to DNN. One of the main reasons we choose DNN is because of the front end content editing. ie on the edit mode, we can directly change the content if the user is having enough rights through edit this page option.

We have some similar requirement for editing the label of the custom module. IE if I have a form and some form fields with labels, then if I am having rights to edit then I should be able to change the Label.

We are using SPA module. After I play around with the DNN I understood this feature is available only in the HTML module and not for the form Labels. Are there any simple solutions available? or any plugins available to achieve this functionality

Thanks
Kannan

 
New Post
9/15/2016 2:04 AM
 
kannan chandrasekaran wrote:

Hi,

I am bit new to DNN. One of the main reasons we choose DNN is because of the front end content editing. ie on the edit mode, we can directly change the content if the user is having enough rights through edit this page option.

We have some similar requirement for editing the label of the custom module. IE if I have a form and some form fields with labels, then if I am having rights to edit then I should be able to change the Label.

We are using SPA module. After I play around with the DNN I understood this feature is available only in the HTML module and not for the form Labels. Are there any simple solutions available? or any plugins available to achieve this functionality

Thanks
Kannan

Hey Kannan:

It's actually a feature built using javascript, but you can create pretty much the same thing, especially if you're using the spa template.  Just go to a search engine and do a search on 'jquery simple text quick edit' and you will find a jquery plugin that will give you the client-side code for this.  Add some kind of button or link to 'save' the text if the plugin doesn't come with it (I think it does, but...) Then create an ajax call to the webapi 2 service, passing in the changed text, when the button is pressed.

It's probably easier to do the above, than to hunt through the mountains of dnn javascript code looking for a similar function...

Update.  Yup, it's called 'jeditable' and you can see it at work here:

http://www.appelsiini.net/projects/jeditable/custom.html

Hope that helps...

 
New Post
9/15/2016 2:12 AM
 
Alan Avante wrote:
kannan chandrasekaran wrote:

Hi,

I am bit new to DNN. One of the main reasons we choose DNN is because of the front end content editing. ie on the edit mode, we can directly change the content if the user is having enough rights through edit this page option.

We have some similar requirement for editing the label of the custom module. IE if I have a form and some form fields with labels, then if I am having rights to edit then I should be able to change the Label.

We are using SPA module. After I play around with the DNN I understood this feature is available only in the HTML module and not for the form Labels. Are there any simple solutions available? or any plugins available to achieve this functionality

Thanks
Kannan

Hey Kannan:

It's actually a feature built using javascript, but you can create pretty much the same thing, especially if you're using the spa template.  Just go to a search engine and do a search on 'jquery simple text quick edit' and you will find a jquery plugin that will give you the client-side code for this.  Add some kind of button or link to 'save' the text if the plugin doesn't come with it (I think it does, but...) Then create an ajax call to the webapi 2 service, passing in the changed text, when the button is pressed.

It's probably easier to do the above, than to hunt through the mountains of dnn javascript code looking for a similar function...

Update.  Yup, it's called 'jeditable' and you can see it at work here:

http://www.appelsiini.net/projects/jeditable/custom.html

Hope that helps...

 

One more thing.  You really don't want to use 'edit mode' as defined in the spa module template for this.  You might be better off to add a client side store of the user role/permissions, along with a server-side check of permissions and just keep it all on the same page.

Another idea is to run the html module in chrome and open the developer tools to see how the experts at dotnetnuke implemented the html quick edit, and what they pass up to the server, and mimic that...

 
New Post
9/15/2016 4:05 AM
 

Oh, and if you prefer something bootstrap compatible, try:

http://fiddle.jshell.net/lijue/L7u8f0du/

 
New Post
9/15/2016 5:32 AM
 

Thanks, Alan. This is very useful. I will try this.

 
Previous
 
Next
HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesLabel Editing Label Editing


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out