Drupal 7 - Placing Content Body in a Lightbox - drupal-7

I am working on a drupal 7 site that utilizes the calendar module. I've created a content type "event" which includes an event title, description, and time.
I'd like to display this information into a lightbox of some sort. I've researched the lightbox2 and colorbox modules but it seems that those are mainly used for media.
Has anyone done this and/or are there any suggestions as to how I can accomplish this?

The calendar module has a popup option built in. If you'd like another alternative you can look at the Fullcalendar module which has color box integration and is a better calendar in my opinion anyway.

Related

How can I link custom community visualization to other pages in a report?

I built a community visualization with various fields. One field that I'm adding is a URL, composed as the documentation suggests, that links to a filter in another page.
While the URL is fine and working, I cannot use it in a normal link or a form because the iframe in which the community visualization is embedded is sandboxed to allow only scripts.
Is there another way to change the top frame navigation, or switch to another page from within the visualization? Maybe through a javascript call?
Thanks
Community Visualizations do not allow links to external resources, so there's no way to make the visualization act as a link to a filter on another page.

Nativescript calendar plugin

Can anyone tell me how to use the calendar plugin in nativescript? And I am using only XML not with typescript. I need the calendar control exactly like as in Bookmyshow.
There are several options for calendar plugin.
The most extended one is the telerik-ui for NativeScript
The calendar is highly customisable and offers a lof of functionality.
You can see more about it here - keep in mind that this is a paid functionality.
Another option is to search for community-made nativescript calendar related plugins. Like this one here! Not familiar with it - it looks easy to work with.
The third option is to use date-picker. IF you are looking for a calendar in Android then you can open your app/App_Resources/Android/values-21 folder and open the file styles.xml and modify the default mode of the date picker from spinner to calendar.
Example:
<item name="android:datePickerMode">calendar</item>
You might be interested in the "Telerik UI for NativeScript" plugin. There is a free and pro version which contains a really slick looking and functioning calendar UI component.
More details about the plugins and their contents can be found here. Additionally you can take a look at the sdk examples regarding the RadCalendar component for both vanila and Angular 2 NativeScript.
I'm using this npm package:
https://www.npmjs.com/package/nativescript-calendar
"nativescript-calendar": "^1.0.7",
I juss created a wrapper over android-lib which help in rendering calendar in nativescript. checkout the plugin
https://www.npmjs.com/package/nativescript-calendar-weekview

How to embed thumbnails from flickr that link to bigger colorbox images with drupal and ckeditor

After 1 day searching and testing I'm wondering if it's possible to embed or insert a photo from flickr (or from google+ it's the same problem) in a node using drupal 7, ckeditor 4.5.6 and colorbox (for example).
More precisions:
What I want to achieve is to embed thumbnails from flickr that I can resize and move (like shown here) and are compatible with colorbox (or anything similar).
I've been testing all day with the ckeditor plugins image2, autoembed and embed, it's quite impressive the potential of it, but every flickr link pasted in the editor turns into a gallery (??) that is not resizable, and I don't need the whole gallery.
An good example of what I'd want here but this is done with a flickr filter of the drupal flickr module, it does the job but without the awesomeness of the ckeditor widget system, meaning : I have to copy every link, my user id, change the css, for each photo...
Has anybody done that ?

How to serve separate page (Orchard template) for phones

Using Orchard 1.8.1 I have written a simple image gallery that displays thumbnails and a lightbox. It is just a template that is driven by an Orchard Projection, using a Shape Layout. Works just fine. However, for phone users there is no point displaying thumbnails and it's better to just display the lightbox (with touch support). So I have also implemented that in a separate template. But how can I get Orchard to switch templates depending on the UserAgent string?
I have tried implementing Theme switching (http://weblogs.asp.net/bleroy/dynamically-switching-the-theme-in-orchard), but it's a really ugly solution when I really want to just replace one view, and still enable implementers to switch themes. This is NOT an issue of styling; it's an issue of changing the content based on the device.
I tried implementing DisplayModeProvider as described here: http://www.campusmvp.net/blog/displaymodes-in-mvc-4. But although the filter was called, it had no effect on view names.
Are Projections problematic here because the shape name is set? Is there a better way to go about this?
Create an alternate when you see a mobile browser, preferably from a shape table provider.

Best Way to Create Image Gallery

Please provide any examples or links which clearly explaining to create simple image gallery in Drupal 7.
Actually the image gallery should be in Thumb Nail Image with 4 images per row.
It should be categorized with simple menu.
If there is sub category, then there should be drop down menus.
Finally the gallery should be with pagination links.
I've tried with taxamony, but it not clear display as expected in front end.
Please provide the better way either thru code or any modules available.
There are different ways to do an image gallery. If something like galleria is what you are looking for you can do it very easily just by using an image field and drupal galleria module.
But in your case, you will have to use views. In that pull out the images you want, choose the
display as grid. Set the no. of columns to 4. Link to the original image. Then you can use the
Lightbox module to open them in a lightbox, if you want one.
For pagination you can use the default views pagination settings.
This might help you. Check out.

Resources