I'm using DNN 5 for a hobby site. I know asp.net development, but have never written a DNN module.
The site is basically a project log. I want content areas that combine text and image thumbnails in a page, like a set of instructions. When a user clicks a thumbnail, display a popup div containing a larger image modal like on a lot of sites these days. Basically I'm looking to wrap each image in functionality like provided by highslide JS, but I can't figure out the right way to implement highslide JS in DNN.
I'm not averse to buying a module that does this for me, but everything I've found is more gallery based. The main difference is I want to control individual images that are among/next to the text, not a set of of images for users to scroll through.
I figure this can't be too crazy an idea, someone must have done it before. Any tips on good approaches would be appreciated. I'm tempted just to go edit source, but that makes upgrading a pain...
Thanks!
If anyone else is looking for this functionality, there's a project on Codeplex which looks pretty good at least as a gallery for DNN. It implements the highslide type popups well.
http://wnslightbox.codeplex.com/documentation
Related
I have inherited a non-responsive website that was created using reactjs. It is a fairly large website, that uses fixed layout. I have been tasked with evaluating/measuring the risks/effort of making the current website responsive. As i see it, these are the different things that I need to evaluate/accomplish that will help me with my goal
Go from fixed layout to relative layout. This might include using a grid layout or something similar
Decide on the app's flow, look and feel on mobile vs desktop. By this I mean, how should the links look when viewed in a mobile phone (maybe a hamburger menu) vs links that are laid out flat in a desktop browser.
What does it take to make individual components that make up the website responsive using media queries.
My question is should I prioritize one over another for whatever reason? And am I missing anything else that I should be focussing on
Thanks
K
I'm currently putting together a PoC for the web. I've done about 9 years of iOS development so I think in those contexts/concepts. What I need to build is something similar to a UIScrollView/CATiledLayer for the web.
I need to build out a tool that allows users to build their own flowcharts, something I've already built on iOS. I'm prototyping on the web and I'm not sure where to get started. I've played around with a few canvas libraries thus far.
I want to build something that can have a fixed viewport with other components rendered off-screen. The viewport has fixed bounds that you can expand and allows me to put subcomponents in the view and move them around if I'd like to.
My web/javascript experience is pretty much Ember, React and plain old ES5/ES6. My HTML skills aren't that strong and I think I may have missed something fundamental.
My goal is to have something that can work with an existing react stack my company uses. I'm happy to roll my own solution but would love to get advice about the right direction to pursue. I feel like I have almost nil domain knowledge in this area.
This JS library, Dracula should be of great help to you since you're working with drag and drop flowcharts. You can see a working example here. NOTE: This lib is based on SVG and doesn't use canvas.
Here's another beautiful live demo: Source code for JS Flowchart here
Also take a look at this Dragon drop fiddle
And regarding ScrollView in HTML, you can simply use divs with css styles overflow-y: scroll and/or overflow-x: scroll. Using flex layouts, apart from giving you mobile-like development feel, will help you have so much control over your layouts based on the screen size.
Hope this should get you started.
I want to create a mobile t-shirt app and I am just starting with mobile programming. The information is scattered and frankly I am not sure what are the best tools to use. I want to use AngularJS, and there are some directives to help with the canvas, but I am confused.
What do you think, what are the most appropriate tools to use? There will probably be a canvas as you should be able to choose a design and drop it on the t-shirt and customize the size or position further. Any help? Thanks a lot!
You don't actually need a canvas for that.
Have all designs as separate elements (may be png images). Initially have designs somewhere in other container which a user can pick, drag and drop onto t-shirt.You can use ngDraggable for achieving that. Change the css property "position" of dropped images to "absolute" so that user can place it anywhere on t-shirt. Next, user can select t-shirt and on touchmove event change css property "transform" to "scale" based on how much he drags(captured by touchmove's event object).
If you are planning for a hybrid app, go for Ionic Framework, as angular comes packaged with it. Else if are planning for a better UX (user experience, while all dragging and dropping events so that the feel of the app gives a native feel), you can see famo.us-angular Framwork.
We are adding help files to our WPF application in Visual Studio 2010. We have not been able to find so far a method that we have been able to use.
We have some HTML help files, currently they are just in a directory, not added to the WPF project.
We don't have index or search.
I have seen that maybe we can do something with cmh, but this seems quite old and outdated now.
Ideally we would like all this in WPF, but if its not possible we need another solution.
We would like to be able to hit F1, have our main help page displayed (we have this now, it opens in our browser) and additionally add Index and Search to our main help page.
Can anyone point us in the right direction please?
Maybe you should take a look at the Process.Start Method page on MSDN. In particular, the Process.Start Method (String) page has a code example showing how to open web pages from a WPF application.
To do this inside a WPF application, look at the WebBrowser Class page at MSDN. This also provides a code example of loading a web page into your application.
EDIT >>> After re-reading your post, I realise that I missed the bit about searching and indexing. Surely, you can just search through the web pages yourself? Just open each page and use something like
if (webPageContent.Contains(searchTerm)) return webPageContent;
Been thinking about this for hours now. Im building a simple slideshow application, where the user creates slides through a web application and publishes them to a wpf "player". The user is allowed to create two types of slides one based on html and one based on xaml (thought this would be easy).
When i get the slide to the player i have to determine how to render/load the slide. The HTML slide i convert to xaml (code i found on msdn) as a flowdocument (but now what to do with it?). The Xaml i just get in "raw" xaml.
My plan is to convert both of these to xaml, then have the slide load the xaml in someway and display it, but how? And would this setup be the proper architecture? please bear in mind that this is a small player application.
Any help on either architecture or on how to display these are highly appreciated.
Sincerely,
Brian
Look at the Slide.Show project from Vertigo. It a WPF project released under codeplex. It may give you ideas on the design.
Why not just display them in the web page? There are a huge number of slideshow applications for the web already.