how to hide K2 intro image in content page? - joomla3.0

I am using Joomla 3.x and K2 extension. I'd like to hide the attached image of the item in intro text, and show another image instead in the content page (full page). (The image that shown in the main page replaced by another image in the article/content page). How can I do that?

In K2, you can associate an image with an item by uploading it to the Image tag for that item. You can also add images within the content of the item as well. To accomplish what you are trying to do it would probably be easiest to do this -
Configure the category view to display the image from the image tab
Configure the detail view to NOT display the image from the image tab
Use a template override for the category item view that strips out any images in the intro text
This way you will have the image tab image display in the category and the content image shown on the detail page.

Under the category, go to "Item view options" (on the right), and select "hide" for "image".
Make sure if your category inherits from another one, you make this change in the top category

Related

Wagtail: How to render the blocks dynamically on Admin panel?

In wagtail, I need to make a Struct/Stream Block
There is a dropdown on the top of the block(Image/Video)
If editor choose Image, VideoChooserBlock should be hidden.
And if editor choose Video, ImageChooserBlock should be hidden.
class MyBlock(StruckBlock):
category = ChoiceBlock(choices=(("image", "image"),("video", "video")))
image = ImageChooserBlock()
video = videoChooserBlock()
Here, editor should be able to choose only image or video depending on category.
Any help is appriciated.
Thanks
You may find it useful to review the code of wagtail-link-block which does something similar.
Main files to focus on:
blocks.py for displaying fields conditionally based on a ChoiceBlock
static/link_block/link_block.js and static/link_block/link_block.css to handle the DOM manipulation and styling with JavaScript and CSS
wagtail_hooks.py to insert JS and CSS

Show selected image in ImageViewer

This question is related to my other question at Carousel with thumbnail images at the bottom
I'm trying to implement a similar carousel but only of Images, using ImageViewer and DefaultListModel. When I select a thumbnail image from the bottom carousel, I show corresponding image in the ImageViewer. But what I noticed is that; the list in the ImageViewer doesn't get scrolled to the selected image but the currently displayed image gets replaced with the selected one. The So when I swipe to left or right; the images are different than the original sequence. Following is my code to show the selected image in Imageviewer
imageviewer.setImage(imageviewer.getImageList().getItemAt(selectedImgIndx));
Is there any way to make it behave like a Tab.setSelectedIndex?
Sure, use:
imageviewer.getImageList().setSelectedIndex(idx);

Create clickable URL in Hue

I want to create a clickable URL in hue as shown in below image :
I found it in a blog :
https://blog.cloudera.com/blog/2016/05/how-to-process-and-index-medical-images-with-apache-hadoop-and-apache-solr/
They have not explained how they did it.
Can anyone tell me how can it be done in hue?
To summarize the video,
Drag the HTML results panel onto the dashboard, go to the HTML tab of the Editor, add a field for
text you want to display
Where url is the field of the collection (the {{ }} marks are to be included to render the field)

Inline editing of image in Angularjs X-editable

I have many fields in my profile page. I am making my profile page inline editable with Angularjs X-editable. I am making progress using guide http://vitalets.github.io/angular-xeditable/
With this I made all the fields editable except the image field. I have an image i.e. profile pic and I want it to be in place editable [clicking on the edit icon near by the image, the image should change into the image upload widget and after upload image, it should again change back to the show the new image].
Is X-editable having feature of in place editing the image field ?
Or is there any other alternative ?

Images for command buttons in footer facet

I currently have two command buttons in the footer / header facets - I am trying to have images in those buttons.
Using property inspector I am able to add images for these buttons - but they show up very tiny - no matter whatever the size of image.
Is there a way I can adjust the size of this image display in the property inspector or any where else please?
Did you consider styling the Command Buttons or Use Image Link instead

Resources