Question on 'design to content'

Posted by Community Admin on 03-Aug-2018 14:13

Question on 'design to content'

All Replies

Posted by Community Admin on 30-Aug-2011 00:00

Hi all,

Just a question on how one would solve this inside Sitefinity.
Consider the following HTML code from my markup template.

<div id="sidebar">
   <div class="add-box">
      <div class="add-box-holder">
         <img src="images/banner.jpg" alt="image description" width="183" height="79" />
            <a href="#" class="link">bekijk</a>
      </div>
   </div>
   <div class="add-box">
      <div class="add-box-holder">
         <img src="images/banner2.jpg" alt="image description" width="183" height="79" />
            <a href="#" class="link">bekijk</a>
      </div>
   </div>
</div>

Normally I would insert a placeholder after the first <div>, and past the HTML code inside some GenericContent controls. But I really want to make it more flexible, so I could build a custom control that shows these specific blocks. On this control you then can set ImageUrl and the NavigateUrl and the NavigateText of the button.

It would be nice if there was some kind of control that you can create which could repeats itself, based on some number. I've seen in this in other CMS systems, named 'Flexible Content Element'. In this way you can easily repeat this kind of markup and showing it through in a user friendly way to the end user. Now I always have to jump in, because they find it to hard to change the image and url.

You can see what I mean in this Wiki document which explains Flexible Content Elements in TYPO3. I think this would give much, much more flexibility to Sitefinity. If it is done in the Sitefinity way, it will be better then the one in TYPO3, I think! 

http://wiki.typo3.org/TemplaVoila/FCE#Flexible_Content_Elements

Anyone that has other suggestions?

Regards,
Daniel

Posted by Community Admin on 02-Sep-2011 00:00

Hi Daniel,

I see what you are requiring and I hope my simple solution will be enough in this case.
Create a custom control with a designer. Here is a really good tutorial on this that you can run in about 20 minutes and add the html code and the fields for editing.
Placing the widget on a page will allow the user to enter heading, url, and text in separate textboxes(with possible validation) in the designer and the content will be instantly updated in the backend page edit view.
The control could be extend regarding to the required content for editing.

Best wishes,
Stanislav Velikov
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Posted by Community Admin on 02-Sep-2011 00:00

Hi Stanislav,

Thanks. I created a control like this, with two text boxes. That works okay. Now of course I need a PageSelector and an ImageSelector.

I was able to get the ImageSelectDialog as a whole inside my control, but I really like a button to load the ImageSelectDialog.

Can I open a ticket to upload my project? Maybe you can help me with this.
After that I would like to share it with the community.

Regards,
Daniel

Posted by Community Admin on 07-Sep-2011 00:00

Hi Daniel,

Feel free to open a support ticket. I will be happy to assist you.
Here is forum thread with the image selector it is opened in radwindow that is in the control .ascx file and the dialog is embedded resource.

Best wishes,
Stanislav Velikov
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

This thread is closed