milipure.blogg.se

Filesafe rapidweaver
Filesafe rapidweaver










  1. #Filesafe rapidweaver pro
  2. #Filesafe rapidweaver code
  3. #Filesafe rapidweaver professional
  4. #Filesafe rapidweaver windows

Remember that on touch devices (like tablets and smartphones) hover gestures are not available, so features like optional tooltips maybe less reliable to depend on. This may be necessary if you test the stack and find becomes too crowded on smaller screens. You can hide HotSpotsPro stacks on smaller screens (like tablet or mobile) using the responsive controls in Stacks 3.

#Filesafe rapidweaver code

Basic HTML code is supported for tooltips. For best results, use short sentences of plain text.

filesafe rapidweaver

Titles you provide on every hotspot region will get used for tooltips or for lightbox titles (depending on which has been enabled). Publish when done.Īs always, rolling your mouse cursor over specific settings will display an informational tooltip about what each setting does.

  • Preview your page to see the final results.
  • You can also customise things like opacity, rounded corners, background fills and border styling For example, you can turn-on lightbox, smooth-scrolling or tooltip support.
  • Change any of the other style or colour settings shown in the HotSpotsPro settings.
  • Resize and reposition the hotspot using the slider controls shown when the hotspot area is selected.
  • Click the blue button in edit mode, to add a new hotspot area.
  • filesafe rapidweaver

    In the HotSpotsPro stack settings, choose to use either a local image or a warehoused image, for the background canvas.Once installed, drag and drop a HotSpotsPro stack from the Stacks library into your RapidWeaver Stacks page.

    filesafe rapidweaver

    SetupFollow these instructions to setup a HotSpotsPro stack: The hotspot is set as a link to when clicked: Hovering over the hotspot region reveals a tooltip. The background fill was switched off and a 3px dashed border was applied instead. This first example uses a single hotspot region. All HotSpotPro stacks were placed within UsefulStacks, to centre the image maps horizontally and apply a maximum width of 1200px wide. HotSpotsPro 3 requires a minimum of RapidWeaver 6 and Stacks 3.ĮxamplesHere are some real-working examples of the HotSpotsPro stack, to give a quick indication of the sorts of things you can build with this stack. HotSpotsPro is ideal for use in business, e-commerce and education websites.

    #Filesafe rapidweaver professional

    Using HotSpotsPro, you can build professional image maps that captivate your audience and encourage far greater user-interaction. This is very much a stack you can purchase once and use time and time again in all your RapidWeaver projects. A stack which is easy to work with, simple to customise and behaves as expected in a variety of web browsers and screen sizes. Our core criteria with HotSpotsPro was to provide RapidWeaver users with a high-quality image map solution. This Nivo Lightbox plugin is fully responsive and handles various content types including images, iFrames and video. We use a customised version of the popular open source Nivo Lightbox plugin.

    #Filesafe rapidweaver windows

    Alternatively if you have more to say, smooth scrolling anchors can elegantly take your users to other parts of the page!īy default, Hotspot links will open in the same window when clicked or tapped so no annoying tabs or new windows to confuse your users with! However the option is provided for you to have Hotspots open within a lightbox window. Because hotspots can be positioned anywhere over an image, we already provide the option for you to control whether tooltips are shown left, right, above or below a hotspot, for every individual hotspot. The size and colour of tooltips can be changed easily in the stack settings. Optional tooltips are achieved using the open source Twitter Bootstrap Tooltips component. Loads of style and colour settings are included, so you can customise many aspects of your image map and make it look like your own. Now updated for Stacks 3, we provide support for an unlimited number of hotspot regions per-stack, and multiple HotSpotsPro stacks can be safely used on the same webpage.

    #Filesafe rapidweaver pro

    Unlike the free version, HotSpots Pro offers a completely code-free setup, with 'realtime' previewing of the image and hotspot regions in Stacks edit mode.

    filesafe rapidweaver

    Following on from the massive success of the free HotSpots stack, this 'pro' version is a premium paid stack with all the extra features and functionality many people have been requesting.












    Filesafe rapidweaver